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

۲۹ آذر ۱۴۰۴

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

اگر از ووکامرس استفاده می‌کنید، حتماً متوجه شده‌اید که به‌صورت پیش‌فرض، فقط برچسب «حراج» روی محصولات تخفیف‌دار نمایش داده می‌شود. اما بسیاری از فروشگاه‌های حرفه‌ای، درصد تخفیف واقعی (مثلاً ۳۰٪ تخفیف) را به کاربر نشان می‌دهند که تأثیر زیادی در افزایش نرخ کلیک و فروش دارد.

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

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

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

این کد با استفاده از فیلتر woocommerce_sale_flash برچسب حراج ووکامرس را بازنویسی می‌کند و به‌جای متن پیش‌فرض، درصد تخفیف محاسبه‌شده بر اساس قیمت اصلی و قیمت فروش ویژه را نمایش می‌دهد.

مزایای این روش:

افزایش جذابیت بصری محصولات

تأثیر مثبت روی تصمیم خرید کاربر

سبک و بدون کاهش سرعت سایت

بدون وابستگی به افزونه

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

۱- وارد داشبورد خود شوید و به مسیر نمایش > ویرایشگر > function.php بروید و کد زیر را اضافه و ذخیره کنید

add_filter( 'woocommerce_sale_flash', 'tcore_percentage_sale', 10, 3 );
function tcore_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;
}

💡 اگر از تغییر و اضافه کردن فایل ها به فانکشن نگرانید میتوانید افزونه Simple Custom CSS and JS | افزودن CSS و JS بدون ویرایش قالب را نصب کنید تا با خیال راحت به ویرایش کد ها بپردازید.

بیایید قدم‌به‌قدم بررسی کنیم این کد چه کاری انجام می‌دهد:

هوک woocommerce_sale_flash : این فیلتر وظیفه نمایش برچسب حراج در محصولات ووکامرس را دارد.

دریافت قیمت‌ها

$regular → قیمت اصلی محصول

$sale → قیمت فروش ویژه

( ( قیمت اصلی - قیمت فروش ) / قیمت اصلی ) × 100

خروجی نهایی به شکل زیر خواهد بود : 25٪ تخفیف

نکات مهم و حرفه‌ای

این کد برای محصولات ساده (Simple Product) بهترین عملکرد را دارد

برای محصولات متغیر (Variable Product) نیاز به توسعه کد وجود دارد

می‌توانید با CSS کلاس .onsale ظاهر برچسب تخفیف را شخصی‌سازی کنید

نمایش درصد تخفیف باعث افزایش CTR در صفحات فروشگاهی می‌شود

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

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

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

مطالب پیشنهادی : 👇