با آموزش نمایش درصد تخفیف محصولات در ووکامرس با شما هستیم زمانی که شما یک فروشگاه اینترنتی بصورت ووکامرس راه اندازی میکنید و برای محصولات خود تخفیف ارائه میدهید در یک کادر در کنار محصول کلمه ی حراج نوشته میشود . ما میخواهیم در این آموزش وردپرس میزان درصد تخفیف ارائه شده را نمایش دهیم

این کار هم باعث ایجاد جذابیت بیشتر در بین کاربران شده و هم وب سایت شما را حرفه ای تر میکند پس پیشنهاد میدهیم از این کد در قالب ووکامرسی خود استفاده نمایید

نمایش در صفحه محصول

برای نمایش میزان تخفیف درصدی در صفحه محصول کافی است، کدهای زیر را به فایل فانکشن functions.php قالب‌تان اضافه کنید. قبل از اضافه کردن یک بک‌آپ از فایل ذکر شده بگیرید. کدها را در انتهای فایل کپی کنید.

add_filter('woocommerce_sale_flash', 'mt_percentage_sale', 10, 3);
function mt_percentage_sale($text, $post, $product)
{
    $text = '<span class="onsale">';
    $regular = $product->regular_price;
    $sale = $product->sale_price;
    if (isset($sale)) {
        $discount = ceil((($regular - $sale) / $regular) * 100);
    }
    $text .= $discount . ' تخفیف % ';
    $text .= '</span>';
    return $text;
}

نمایش در فروشگاه و دسته‌بندی‌ها و محصولات مرتبط

جهت نمایش این برچسب در سایر صفحات فروشگاه ، مانند صفحه فروشگاه و دسته بندی ها کد زیر را در function.php  قالب قرار دهید.

add_action( 'woocommerce_before_shop_loop_item_title', 'mt_show_sale_percentage_loop', 25 );
 
function mt_show_sale_percentage_loop() {
 
global $product;
 
if ( $product->is_on_sale() ) {
 
if ( ! $product->is_type( 'variable' ) ) {
 
$max_percentage = ( ( $product->get_regular_price() - $product->get_sale_price() ) / $product->get_regular_price() ) * 100;
 
} else {
 
$max_percentage = 0;
 
foreach ( $product->get_children() as $child_id ) {
    $variation = wc_get_product( $child_id );
    $price = $variation->get_regular_price();
    $sale = $variation->get_sale_price();
    if ( $price != 0 && ! empty( $sale ) ) $percentage = ( $price - $sale ) / $price * 100;
    if ( $percentage > $max_percentage ) {
        $max_percentage = $percentage;
    }
}
 
}
 
echo "<div class='sale-perc'>-" . round($max_percentage) . "%</div>";
 
}
 
}

بعد از ذخیره سازی به صفحه فروشگاه خود رفته و خواهید دید میزان درصد به محصولات شما اضافه شده است. به همین راحتی توسط این آموزش وردپرس توانستید میزان درصد تخفیف محصولات ووکامرس را ایجاد کنید و آن ها را مدیریت کنید

محصول متغیر : نمایش در صفحه محصول

برای نمایش میزان تخفیف درصدی در صفحه محصول کافی است، کدهای زیر را به فایل فانکشن functions.php قالب‌تان اضافه کنید.

add_filter( 'woocommerce_available_variation', 'mt_product_saving_percentage', 10, 3 );
function mt_product_saving_percentage( $data, $product, $variation ) {
    if( $variation->is_on_sale() ) {
        $saved_amount  = $data['display_regular_price'] - $data['display_price'];
        $percentage    = round( $saved_amount / $data['display_regular_price'] * 100 );
        $data['price_html'] .= '<p id="saving_total_price">'. __("تخفیف شما") .': '.$percentage.'%</p>';    }
    return $data;
}

به مانند تصویر بالا برای تغییر رنگ نوار و فونت یا اندازه آن، کلاس sale-perc را ویرایش کنید. کدهای این کلاس قرار داده شد؛ که باید به فایل style.css یا rtl.css و یا اینکه به تنظیمات CSS سفارشی قالب‌تان اضافه کنید.

.sale-perc {
  background-color: #ff5050;
  display: inline;
  font-weight: 700;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 25px !important;
  padding: 0 15px !important;
}