Поиск

Веб-мастер Иван Афанасов

Поиск
Close this search box.

Как размыть/перечеркнуть/скрыть образцы вариантов товара, которых нет в наличии, в WooCommerce

05.07.2023

Для того чтобы размыть, перечеркнуть или скрыть образцы вариантов товара, которых нет в наличии, в WooCommerce, вы можете использовать функционал плагина или добавить соответствующий код в файлы темы вашего сайта. Вот несколько способов, которые могут помочь вам достичь этой цели:

  1. Использование плагина «WooCommerce Advanced Product Labels»: Этот плагин предоставляет возможность создавать и настраивать метки для товаров, включая размытие, перечеркивание или скрытие меток для товаров, которых нет в наличии.
  2. Добавление кода в файлы темы: Если вы предпочитаете не использовать плагин, вы можете добавить соответствующий код в файлы темы вашего сайта. Например, вы можете добавить следующий код в файл 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;
}

Этот код будет скрывать варианты товара, которых нет в наличии.

  1. Использование дополнительных CSS-стилей: Вы также можете использовать CSS-стили, чтобы размыть, перечеркнуть или скрыть образцы вариантов товара. Например, вы можете добавить следующий CSS-код в файл стилей вашей темы:

css
.woocommerce-variation-availability.out-of-stock {
opacity: 0.5; /* размытие образца / text-decoration: line-through; / перечеркивание образца / display: none; / скрытие образца */
}

*/

Обратите внимание, что для использования этого способа вам может потребоваться некоторое знание CSS.

Выберите подходящий для вас способ и примените его к вашему сайту WooCommerce, чтобы размыть, перечеркнуть или скрыть образцы вариантов товара, которых нет в наличии.

Отзывы