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

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

کد نمایش درصد تخفیف در لیست محصولات ووکامرس

اگر می‌خواهید درصد تخفیف محصولات ووکامرس را محاسبه و در برگه لیست محصولات یا برگه فروشگاه نمایش دهید، قطعه کد زیر این کار را برای شما انجام خواهد داد.

نکته: برای اجرای این کد، می‌توانید آن را در فایل functions.php پوسته فرزند قرار دهید یا از افزونه Code Snippets استفاده نمایید.

/**
* @snippet       Display Discount Percentage @ Loop Pages - WooCommerce
* @author        Rodolfo Melogli
* @compatible    WooCommerce 3.5.4
*/

add_action( 'woocommerce_before_shop_loop_item_title', 'tidaweb_show_sale_percentage_loop', 25 );
  
function tidaweb_show_sale_percentage_loop() {
    global $product;
    if ( ! $product->is_on_sale() ) return;
    if ( $product->is_type( 'simple' ) ) {
        $max_percentage = ( ( $product->get_regular_price() - $product->get_sale_price() ) / $product->get_regular_price() ) * 100;
    } elseif ( $product->is_type( 'variable' ) ) {
        $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;
            }
        }
    }
    if ( $max_percentage > 0 ) echo "<div class='sale-perc'>-" . round($max_percentage) . "%</div>"; 
}

همچنین برای نمایش ظاهر درصد تخفیف، می‌توانید از استایل زیر استفاده کنید. استایل زیر را باید در پوشه style.css قرار دهید.

.sale-perc {
    background-color: #D9534F;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: .25em;
}

افزونه نمایش درصد تخفیف در لیست محصولات ووکامرس

در صورتی که نمی‌خواهید از کدهای بالا استفاده کنید، افزونه قابل اعتمادی به نام YITH WooCommerce Badge Management وجود دارد که با استفاده از آن می‌توانید درصد تخفیف را نمایش دهید. همچنین این افزونه به گونه‌ای است که می‌توانید با استفاده از آن Badge های اختصاصی طراحی کنید.

نوشته مرتبط
برترین افزونه‌های سئو در وردپرس در سال 2021

در مقاله بالا ترفند نمایش درصد تخفیف در برگه فروشگاه ووکامرس آموزش داده شد. در صورتی که سؤالی در این زمینه دارید، می‌توانید آن را از بخش دیدگاه‌ها با ما در میان بگذارید. همچنین اگر به دنبال ترفندهای بیشتر هستید، به ترفند وردپرس مراجعه کنید.

منبع : Business Bloomer

۴.۷/۵ - (۱۱۶ امتیاز)

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.