نمایش «رایگان» به جای قیمت صفر در ووکامرس (کد آماده + سبد خرید)

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

چرا نمایش «رایگان» بهتر از «۰ تومان» است؟

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

کد را کجا اضافه کنیم؟

کد اصلی نمایش «رایگان» به‌جای قیمت صفر

این کد فیلتر woocommerce_get_price_html را تغییر می‌دهد؛ همان فیلتری که HTML قیمت را در صفحهٔ محصول، فروشگاه و آرشیوها می‌سازد:

<?php
/**
 * نمایش «رایگان» به‌جای قیمت صفر در ووکامرس
 * طاووس وب - tavoosweb.ir
 */
add_filter( 'woocommerce_get_price_html', 'tavoos_free_price_label', 10, 2 );
function tavoos_free_price_label( $price, $product ) {

    // محصول متغیر: فقط وقتی همهٔ متغیرها رایگان باشند
    if ( $product->is_type( 'variable' ) ) {
        $is_free = (float) $product->get_variation_price( 'max' ) === 0.0;
    } else {
        $is_free = $product->get_price() !== '' && (float) $product->get_price() === 0.0;
    }

    if ( ! $is_free ) {
        return $price;
    }

    // محصول حراجی که به صفر رسیده: قیمت قبلی خط‌خورده بماند
    if ( $product->is_on_sale() && $product->get_regular_price() ) {
        return '<del>' . wc_price( $product->get_regular_price() ) . '</del> <ins class="tavoos-free">رایگان</ins>';
    }

    return '<span class="tavoos-free">رایگان</span>';
}

چند نکته دربارهٔ این کد:

• به‌جای مقایسهٔ متن HTML قیمت، خود عدد قیمت بررسی می‌شود؛ پس با هر واحد پولی (تومان، ریال) و هر افزونهٔ فارسی‌ساز کار می‌کند.
• محصولی که اصلاً قیمت ندارد (فیلد قیمت خالی) «رایگان» نمایش داده نمی‌شود.
• در محصول متغیر، فقط وقتی همهٔ متغیرها رایگان باشند برچسب «رایگان» می‌آید؛ وگرنه بازهٔ قیمت عادی نمایش داده می‌شود.

add_filter( 'woocommerce_get_price_html', 'changeZeroPrice', 10, 2 );
function changeZeroPrice( $price, $product ) {
    if ( $price == wc_price( 0.00 ) )
        return 'رایگان';
    else
        return $price;
}

نمایش «رایگان» در سبد خرید

کد اصلی فقط قیمت را در صفحات محصول تغییر می‌دهد. برای اینکه در جدول سبد خرید هم به‌جای «۰ تومان» عبارت «رایگان» بیاید، این کد را هم اضافه کنید:

// نمایش «رایگان» در ستون قیمت سبد خرید
add_filter( 'woocommerce_cart_item_price', 'tavoos_free_cart_price', 10, 3 );
function tavoos_free_cart_price( $price, $cart_item, $cart_item_key ) {
    return ( (float) $cart_item['data']->get_price() === 0.0 )
        ? '<span class="tavoos-free">رایگان</span>'
        : $price;
}

تغییر متن دکمه به «دریافت رایگان»

دکمهٔ «افزودن به سبد خرید» برای محصول رایگان کمی عجیب است. با این کد، متن دکمه در صفحهٔ محصول و فروشگاه برای محصولات رایگان تغییر می‌کند:

// تغییر متن دکمه برای محصولات رایگان
add_filter( 'woocommerce_product_single_add_to_cart_text', 'tavoos_free_button_text', 10, 2 );
add_filter( 'woocommerce_product_add_to_cart_text', 'tavoos_free_button_text', 10, 2 );
function tavoos_free_button_text( $text, $product ) {
    if ( $product && $product->get_price() !== '' && (float) $product->get_price() === 0.0 ) {
        return 'دریافت رایگان';
    }
    return $text;
}

استایل برچسب «رایگان»

برای اینکه برچسب رایگان به چشم بیاید، این CSS را در «نمایش ← سفارشی‌سازی ← CSS اضافی» قرار دهید. رنگ را با رنگ برند خود هماهنگ کنید:

.tavoos-free {
  color: #1FAE57;
  font-weight: 700;
}

تست نهایی

اگر تغییری نمی‌بینید، معمولاً کش سایت یا افزونهٔ کش مقصر است؛ کش را پاک کنید. برای شخصی‌سازی بیشتر ووکامرس، آموزش شخصی‌سازی فیلدهای پنل کاربری ووکامرس را هم ببینید.