Показывать статус остатка товара на страницах WooCommerce Shop & Archive

От Юрий Соколов Полезное для WooCommerce 0 Комментариев

По умолчанию состояние товара на складе не отображается на страницах магазина WooCommerce и на страницах каталога / архива. Тем не менее, это легко сделать с помощью нескольких простых дополнений к файлам functions.php и style.css вашей темы .

Чтобы включить статус акций WooCommerce на страницах каталога / архива:

1) Добавьте следующий код в файл functions.php вашей темы

//* 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' );

//* 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 вашей темы

.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;
}

.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:
Что бы показывать просто в наличии или нет удалите код

. $product->get_stock_quantity()

1	. $product->get_stock_quantity()

Блог