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

کد های ووکامرس ۲۰ فروردین ۱۳۹۹ 1423 بازدید

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

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

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

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

add_action( 'woocommerce_before_shop_loop_item_title', 'iwp_out_of_stock_loop_woocommerce' );

function iwp_out_of_stock_loop_woocommerce() {

global $product;

if ( !$product->is_in_stock() ) {

echo '<span class="outofstock">' . __( 'ناموجود', 'woocommerce' ) . '</span>';

}

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

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