ایجاد برچسب فروخته شد در لیست محصولات ووکامرس

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

آموزش ایجاد برچسب فروخته شد

برای اینکار به هاست خود رفته و سپس پوشه قالب خود را پیدا کنید . در پوشه قالب یک فایل به نام functions.php وجود دارد . آن را باز کرده و کد زیر را درون ان قرار دهید

add_action( 'woocommerce_before_shop_loop_item_title', 'bbloomer_display_sold_out_loop_woocommerce' );
 
function bbloomer_display_sold_out_loop_woocommerce() {
    global $product;
 
    if ( !$product->is_in_stock() ) {
        echo '<span class="soldout">' . __( 'فروخته شده', 'woocommerce' ) . '</span>';
    }
}

بعد از وارد کردن این کد حتما فایل را ذخیره کنید

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

.soldout {
padding: 3px 8px;
text-align: center;
background: #222;
color: white;
font-weight: bold;
position: absolute;
top: 6px;
right: 6px;
font-size: 12px;
}

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

پیشنهاد : قالب فروش آموزش یادگیری