Пометить товар в корзине если нет в наличии Woocommerce

Добавим прозрачность строчке товара в корзине, а также добавим надпись «Товар закончился», если товара нет в наличии.

woocommerce корзина нет в наличии
// Помечаем товары которые закончлись в корзине
add_filter( 'woocommerce_cart_item_class', 'avs_mark_outofstock_cart_items', 20, 3 );
function avs_mark_outofstock_cart_items( $class, $cart_item, $cart_item_key ) {
    if ( isset( $cart_item['data'] ) && ! $cart_item['data']->is_in_stock() ) {
        $class .= ' avs-outofstock-item';
    }
    return $class;
}

// Выводим надпись "Товар закончился" под названием
add_action( 'woocommerce_cart_item_name', 'avs_add_outofstock_label', 20, 3 );
function avs_add_outofstock_label( $product_name, $cart_item, $cart_item_key ) {
    if ( isset( $cart_item['data'] ) && ! $cart_item['data']->is_in_stock() ) {
        $product_name .= '<div class="avs-oos-label">Товар закончился</div>';
    }
    return $product_name;
}

На страницу корзины добавьте css

/* Если нет в наличии*/ 
.avs-outofstock-item {opacity: 0.5;} 
/*Надпись Товар закончился*/
.avs-oos-label {color: #c00;font-weight: bold;margin-top: 6px;font-size: 14px;}
Picture of Автор: Александра

Автор: Александра

@avsalexandra
Занимаюсь натуральным питанием собак и кошек BARF. Wordpress для души ☺️

Crocoblock
Elementor
Gutenberg
Jetengine
Jetformbuilder
profile builder
Woocommerce
Wordpress
WYSIWYG
Лейка
#публикация постов
#видео
#доменная почта
#рассылка
#бейдж
#благотворительность
#заказ ожидает
#подарок
#подчёркивание
#vk
#автосохранение
#пожертвования
#мультивыбор
#роли
#drag and drop
#изображения товаров
#подписки
#цена
#отменить заказ
#самозанятый
#чеки
#мой налог
#alt text
#галерея товара
#возврат
#видео товара
Комментарии:

Добавить комментарий