Показывать статус остатка товара на страницах WooCommerce Shop & Archive
По умолчанию состояние товара на складе не отображается на страницах магазина WooCommerce и на страницах каталога / архива. Тем не менее, это легко сделать с помощью нескольких простых дополнений к файлам functions.php и style.css вашей темы .
Чтобы включить статус акций WooCommerce на страницах каталога / архива:
1) Добавьте следующий код в файл functions.php вашей темы
1 2 3 4 5 6 7 8 9 10 |
//* Add stock status to archive pages function envy_stock_catalog() { global $product; if ( $product->is_in_stock() ) { echo '<div class="stock" >' . $product->get_stock_quantity() . __( ' in stock', 'envy' ) . '</div>'; } else { echo '<div class="out-of-stock" >' . __( 'out of stock', 'envy' ) . '</div>'; } } add_action( 'woocommerce_after_shop_loop_item_title', 'envy_stock_catalog' ); |
2) Добавьте следующий код в файл style.css вашей темы
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
.woocommerce ul.products li.product .stock, .woocommerce-page ul.products li.product .stock, .woocommerce ul.products li.product .out-of-stock, .woocommerce-page ul.products li.product .out-of-stock { color: #666; font-size: 15px; padding: 0 12px 6px; } /* Add this if you want Out of Stock to appear in red */ .woocommerce ul.products li.product .out-of-stock, .woocommerce-page ul.products li.product .out-of-stock { color: #f45f16; } |
И это все!
Обратите внимание, что состояние запаса (с количеством запаса) отображается ТОЛЬКО на отдельных страницах продукта, если управление запасами включено на уровне продукта. Перейдите в раздел « Продукт»> «Данные о продукте»> «Инвентарь» и выберите «Управление запасами?» установите флажок, если хотите, чтобы эта функция была включена.
UPD:
Что бы показывать просто в наличии или нет удалите код
1 |
. $product->get_stock_quantity() |
Оставить комментарий