نمایش برچسب ناموجود در آرشیو محصولات

نمایش برچسب ناموجود در آرشیو محصولات – یک راه دیگری که می تواند به بهبود تجربه کاربری در سایت فروشگاهی شما کمک کند این است، زمانیکه محصولی به فروش می رسد و در سایت ناموجود می شود برچسب ناموجود بر روی محصول نمایش داده شود.

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

add_action( 'woocommerce_before_shop_loop_item_title', 'mweb_display_sold_out_loop_woocommerce' );

function mweb_display_sold_out_loop_woocommerce() {
    global $product;

    if ( !$product->is_in_stock() ) {
        echo '<span class="soldout">' . __( 'ناموجود', 'woocommerce' ) . '</span>';
    }
} 

همچنین چند خط کد css که میتوانید به فایل style.css قالب خود ضافه کنید :

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

امیدواریم از خواندن این آموزش لذت برده باشید.

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