Май
18
31

Наличие товара в Woocommerce — настройки, хаки, надпись «Нет в наличии», функция is_in_stock и др.

Наличие товара в WoocommerceПоговорим о разных ситуациях, которые возникают с показателем наличия товара в Woocommerce. Недавно пришлось решить несколько задач по теме, и захотелось собрать все сниппеты в одном посте. Сегодня расскажу про: функцию is_in_stock для проверки статуса продукции на складе, отображение соответствующих бейджей и модификацию цены.

Кое-какие смежные нюансы я уже затрагивал в блоге, плюс, думаю, вопросы в публикации далеко не последние по данной теме, поэтому статья будет дополнятся новыми хаками. 

Список задач:

Начнем с базовых понятий. В настройках каждого продукта есть вкладка «Запасы», где можете управлять данной характеристикой: укажите, что та или иная позиция сейчас недоступна либо наоборот измените статус остатка нет в наличии на противоположный (когда она появится).

Наличие товара в Woocommerce

Как правило, в современных Woocommerce шаблонах разработчики заранее предусматривают подобные ситуации, и при смене настроек вы увидите соответствующую реакцию/сообщение на сайте. Но иногда нужно сделать некоторые дополнительные штуки во фронтенде…

Бейдж нет в наличии в Woocommerce

Чтобы добавить соответствующую надпись на страницу каталога (категории) магазина, размещаете в файле функций functions.php код:

add_action( 'woocommerce_before_shop_loop_item_title', 'my_sold_out_loop' );
 
function my_sold_out_loop() {
    global $product;
 
    if ( !$product->is_in_stock() ) {
        echo '<span class="soldout">Нет в наличии</span>';
    }
}

Текст появится в правом верхнем углу. Дополнительно для класса soldout сможете задать какой-то стиль:

span.soldout {
padding: 3px 7px;
background: #7b1616;
color: white;
font-size: 13px;
}

Woocommerce - товара нет в наличии

С помощью add_action допускается вставка данного бейджа в любое место Woocommerce шаблона, например, в единичное отображение продукции интернет-магазина:

add_action( 'woocommerce_before_single_product_summary', 'my_sold_out_loop' );

Меням надпись нет в наличии

Сниппет опять же вставляете в functions.php (или похожие файлы). Тем самым вы задаете 2 перевода для доступной продукции (Available) и распроданной (Sold Out). Если нужно что-то одно, можете просто убрать другой блок IF условия: 

add_filter( 'woocommerce_get_availability', 'wcs_custom_get_availability', 1, 2);
function wcs_custom_get_availability( $availability, $_product ) {  
    if ( $_product->is_in_stock() ) {
        $availability['availability'] = __('Available!', 'woocommerce');
    }
    if ( ! $_product->is_in_stock() ) {
        $availability['availability'] = __('Sold Out', 'woocommerce');
    }
    return $availability;
}

Функция is_in_stock и наличие товара

Как вы могли догадаться из прошлого сниппета, is_in_stock является булевой функцией, то есть возвращает значения true/false. Следовательно вы можете использовать ее в условном операторе IF:

    if ( $product->is_in_stock() ) {
        echo '<div class="stock" >' . $product->get_stock_quantity() . ' в наличии</div>';
    } else {
        echo '<div class="out-of-stock" >Нет в наличии</div>';
    }

Выводите в Woocommerce фразу в наличии или нет для товара (в зависимости от его статуса) на страницах архива каталога:

function my_stock_loop() {
    global $product;
    if ( $product->is_in_stock() ) {
        echo '<div class="stock" >' . $product->get_stock_quantity() . ' в наличии</div>';
    } else {
        echo '<div class="out-of-stock" >Нет в наличии</div>';
    }
}
add_action( 'woocommerce_after_shop_loop_item_title', 'my_stock_loop' );

Надпись нет в наличии для цены

Возможно, это достаточно узкоспециализированная задача, но недавно мне нужно было вставить фразу об отсутствии товара не в качестве бейджа, а рядом с ценой. При этом я использовал несколько иное условия проверки:

add_filter( 'woocommerce_get_price_html', 'my_price_html', 100, 2 );
function my_price_html( $price, $product ){
  global $product;
  $return_string = $price;
  if ( $product->stock_status == 'outofstock' ) {
  	  $return_string = $price .' &nbsp;(Нет в наличии)';
     }
  return $return_string; 	
}

Здесь вместо функции is_in_stock просто считывал значение параметра $product->stock_status, и в случае когда оно равно «outofstock», дописывал соответствующую фразу к цене.

Важно! Во-первых, я не тестировал фишку с ценами вариаций товаров (у меня все были простые) — в статье по ссылке может видеть, что там используется другой фильтр woocommerce_variable_price_htm. Вполне вероятно, придется добавить срабатывание функции и для него. Также не забывайте, что есть еще sale_price. Во-вторых, изменения затрагивают и админку — если это критично, вставьте в функцию соответствующую проверку/условие.

Скрытие/вывод «пустых» подкатегорий на сайте

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

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

add_filter( 'woocommerce_product_subcategories_hide_empty', 'hide_empty_categories', 10, 1 );
function hide_empty_categories ( $hide_empty ) {
    $hide_empty  =  FALSE;
    // You can add other logic here too
    return $hide_empty;
}

Для младших релизов модуля (до 3.x) следует использовать немного другой код:

add_filter( 'woocommerce_product_subcategories_hide_empty', 'show_empty_categories', 10, 1 );
function show_empty_categories ( $show_empty ) {
    $show_empty  =  TRUE;
    // You can add other logic here too
    return $show_empty;
}

Тестировал оба варианта сниппета — все работало.

Кстати, когда выводите список категорий с помощью виджета, то там пустые подрубрики можно скрывать через соответствующую настройку. А еще почитайте как убрать категории Woocommerce если надо избавиться от какого-то конкретного раздела.

WooCommerce виджет категорий

Если вас интересует еще что-то по теме наличия товара Woocommerce, задавайте вопросы в комментариях. Позже допишу новые полезности и сниппеты, если найду интересные.

рейтинг Оцените статью:
Ужасная статьяНичего интересногоТак себеНормальноХорошоКлассный постВ закладки!
(голосов - 5, средний балл: 6,80 из 7)
Загрузка...

категория Категории: WooCommerce;
теги Теги: , , , , .

Похожие статьи:

  1. Все про артикулы товара в WooCommerce: создание, скрытие и вывод, плагины
  2. WooCommerce сортировка по наличию товаров («нет в наличии» в конце списка)
  3. Хаки для вариаций товаров в WooCommerce
  4. Комбинированные комплекты товаров в магазине WooCommerce (лучшие плагины)
  5. Як сховати відсутні товари в Woocommerce шорткодах та схожих товарах

комментарий 31 к статье “Наличие товара в Woocommerce — настройки, хаки, надпись «Нет в наличии», функция is_in_stock и др.”

1 2
  • Roman   06.04.2018

    Очередная порция сниппетов подъехала)) спс за труды!

  • Tod   06.04.2018

    Roman, не за что) По сути, я и для себя их тоже фиксирую, дабы потом в работе повторно использовать.

  • Антон   10.05.2018

    Как раз изучаю Woocomerce, хороший у вас блог))

  • Tod   10.05.2018

    Антон, спасибо, стараюсь)

  • Danka   02.08.2018

    Хак для пустых подкатегорий помог, tnx!

  • Tod   02.08.2018

    Danka, не за что)

  • Darfkire   17.08.2018

    Здравствуйте. Подскажите пожалуйста как сделать вывод бейджа «Нет в наличии» для вариативного товара?

  • Tod   19.08.2018

    Darfkire, а прием из статьи не работает? мне казалось бейдж появляется и в обычных товарах, и в вариативных. Если нет, надо гуглить где-то код, у меня в теме, к счастью, все работало изначально.

  • Darkfire   19.08.2018

    Tod, ты привязываешься к параметру in_stock, но для вариативного товара он положительный, хотя все вариации выключены. Потому твой код не работает. Если подстраивается под твой код, то мне нужно самому определять выключены все вариации или нет и задавать параметр false для in_stock. Но как это красиво сделать -я не знаю.

  • Darkfire   19.08.2018

    Tod, все я разобрался. Твой код работает. Моя ошибка была в том что я выключал вариации таким кодом:

    $data = [
    ‘visible’ => false
    ];
    $wooeto->put(«products/{$v1->id}/variations/{$v2->id}», $data);
    То есть я скрывал товар, а нужно было было передавать массив $data = [
    ‘in_stock’ => false
    ];
    И тогда Woocomerce все нормально пересчитает и сам изменяет in_stock для всего товара и твой код работает.

  • Tod   19.08.2018

    Darkfire, гуглил что-то типа woocommerce is_in_stock variable — вроде есть парочка статей/сниппетов, которые нужно тестить у себя. Похоже, что действительно с вариациями не все гладко.

  • Тимофей   29.11.2018

    закинул код на вывод товара в наличии в категории но не показывает…

  • Tod   30.11.2018

    Тимофей, нужно тестить: пробовать сначала часть кода, смотреть как выводится в общем магазине, установить шаблон по-умолчанию (тема иногда вносит свои коррективны) и т.п.

  • Анна   03.01.2019

    Добрый вечер! Подскажите пожалуйста, как поменять надпись нет в наличии на уточняйте у менеджера?

  • Tod   04.01.2019

    Анна, я бы сначала попробовал первые два хака, которые описаны в статье. Как альтернатива можно добраться до переводов через Poedit (для магазина они вроде бы тут wp-content/languages/plugins) либо переводил бы с помощью функции gettext.

  • Илья   21.01.2019

    Не подскажете как сделать товар всегда в наличии,даже если он закончился??Точнее сделать так,чтобы товары были всегда в наличии и все?

  • Tod   22.01.2019

    Илья, изначально в Woocommerce все товары в наличии без каких-то подсчетов остатка на складке и т.у. То есть, если вы вручную в админке не будете указывать, что товара нет, то пользователь никогда не увидит соответствующее сообщение.
    Как вариант можно просто перестать отображать информацию о наличии товара или погуглить что-то вроде «woocommerce always in stock», где есть парочка статей/решений по теме. Но опять же, если в админке «нет на складе» не выбрано, то на сайте товар всегда в наличии.

  • Петр   23.01.2019

    Спасибо за статью, подскажите, можно ли изображения товаров не в наличии сделать черно белыми?

  • Tod   23.01.2019

    Петр, думаю, да.. я бы глянул CSS классы, которые присваиваются данным товарам — мне кажется, там какие-то дополнительные стили дописываются. А потом к ним применяется фильтр.

  • Тим   10.04.2019

    Может кто поможет? нужно в админке вывести цифру только для админа.
    Цифра состоит из: формула этой цифры: (себестоимость(YITH Cost of Good плагин используется) 1-го товара умножить на его количество) и сложить со все товарами(соответственно перемноженного на количество), только с теми которые в наличии. Это фича нужна для понимать сколько денег вложено в товар который в наличии.

  • Иван   24.01.2020

    Все работает, однако почему-то на стартовой странице, где выводятся «Последние товары», сниппет не работает, странно.
    Долго копал и думал что вообще не работает, пока не наткнулся на эту засаду.
    В «Магазине» работает, на главной странице в «Последних товарах» не выводит ((((

  • Tod   25.01.2020

    Иван, вероятно оно как-то по разному выводит информацию, хотя add_action все равно, по идее, должен срабатывать… нужно гуглить решение, возможно, там есть еще какие фильтры/action’ы.

  • Дмитрий   23.04.2020

    Отличная статья! очень помогла! Большое спасибо!

  • Илья   03.11.2020

    Здравствуйте.
    Очень полезная статья, спасибо. Но остался вопрос, который в ней не указан.

    Когда товара не в наличии, то можно добавить надпись «Нет в наличии» где указана цена.
    Подскажите, а как эту надпись указать вместо цены на товарах имеющих параметр (Видимость в каталоге = «Скрыто»).

    И попробую немного понаглеть и задать второй вопрос)) С помощью шорткода выводится группа товаров. Отлично! Но как исключить из этого списка те товары, которых нет в наличии?

    Заранее спасибо.

  • Tod   10.11.2020

    Илья, сори за поздний ответ, но к сожалению, схожу не вспомню ответы на ваши вопросы — нужно гуглить) Думаю, в сети должны быть подходящие сниппеты.

  • Фаниль   12.04.2021

    А не подскажете ли как вообще убрать надпись «Нет на складе»? чтобы вообще этого в каталоге на товарах не отображалось

  • Tod   12.04.2021

    Фаниль, проще всего через CSS стили — посмотреть какой там класс у этой надписи и добавить display: none;

  • Ксения   13.05.2021

    Доброго дня! А как вывести в поиск данные статусы, причем все? Они у меня переименованы и используются . Напишите, если делали.

  • Tod   14.05.2021

    Ксения, тут нужно разобраться с файлами шаблона, которые отвечают за отображение тех или иных страниц — у каждого шаблона они могут отличаться. Можете попробовать коды из данной статьи применить и посмотреть, что получится.

  • Алексей   03.09.2021

    Сегодня попробовал вывести нет в наличии для темы kadence используя код «Бейдж нет в наличии в Woocommerce»

    Однако он не сработал.

    Уточните почему есть добавить бейдж и есть заменить текст? По умолчанию он должен выводиться, подскажите пожалуйста

1 2
Оставить комментарий

Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:

Поиск:
Последние посты
 
Категории
Страницы
Архив
Лучшее в категории

Облако тегов
Скажи свое мнение!

В чем основные плюсы Wordpress?

Посмотреть результаты

Загрузка ... Загрузка ...
Друзья проекта
Последние новости
Все новости интернета »
Актуальные заметки