Для того чтобы размыть, перечеркнуть или скрыть образцы вариантов товара, которых нет в наличии, в WooCommerce, вы можете использовать функционал плагина или добавить соответствующий код в файлы темы вашего сайта. Вот несколько способов, которые могут помочь вам достичь этой цели:
- Использование плагина “WooCommerce Advanced Product Labels”: Этот плагин предоставляет возможность создавать и настраивать метки для товаров, включая размытие, перечеркивание или скрытие меток для товаров, которых нет в наличии.
- Добавление кода в файлы темы: Если вы предпочитаете не использовать плагин, вы можете добавить соответствующий код в файлы темы вашего сайта. Например, вы можете добавить следующий код в файл functions.php вашей темы:
/*
php
add_filter( ‘woocommerce_variation_is_visible’, ‘hide_out_of_stock_variations’, 10, 2 );
function hide_out_of_stock_variations( $visible, $variation ) {
if ( ! $variation->is_in_stock() ) {
return false;
}
return $visible;
}
Этот код будет скрывать варианты товара, которых нет в наличии.
- Использование дополнительных CSS-стилей: Вы также можете использовать CSS-стили, чтобы размыть, перечеркнуть или скрыть образцы вариантов товара. Например, вы можете добавить следующий CSS-код в файл стилей вашей темы:
css
.woocommerce-variation-availability.out-of-stock {
opacity: 0.5; /* размытие образца / text-decoration: line-through; / перечеркивание образца / display: none; / скрытие образца */
}
*/
Обратите внимание, что для использования этого способа вам может потребоваться некоторое знание CSS.
Выберите подходящий для вас способ и примените его к вашему сайту WooCommerce, чтобы размыть, перечеркнуть или скрыть образцы вариантов товара, которых нет в наличии.