در صورتی که در فروشگاه خود محصولات تخفیفدار دارید، با استفاده از این ترفند میتوانید درصد تخفیف قیمت محصولات را محاسبه و به کاربران نمایش دهید. در این مقاله قصد داریم نحوه نمایش درصد تخفیف در برگههای فروشگاه را به شما آموزش دهیم.
کد نمایش درصد تخفیف در لیست محصولات ووکامرس
اگر میخواهید درصد تخفیف محصولات ووکامرس را محاسبه و در برگه لیست محصولات یا برگه فروشگاه نمایش دهید، قطعه کد زیر این کار را برای شما انجام خواهد داد.
نکته: برای اجرای این کد، میتوانید آن را در فایل 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 های اختصاصی طراحی کنید.
در مقاله بالا ترفند نمایش درصد تخفیف در برگه فروشگاه ووکامرس آموزش داده شد. در صورتی که سؤالی در این زمینه دارید، میتوانید آن را از بخش دیدگاهها با ما در میان بگذارید. همچنین اگر به دنبال ترفندهای بیشتر هستید، به ترفند وردپرس مراجعه کنید.
منبع : Business Bloomer