WooCommerce商品在庫の設定と在庫数量の表示方法

私たちは外国貿易向け独立サイト構築通常WooCommerceを使用して製品を販売します。販売に関わるため、在庫情報が必要になります。本記事では、NaibaがWooCommerceで製品在庫を設定する方法と、製品購入ページに在庫数量を表示する方法を紹介します。

在庫の設定方法

まず、サイトの管理画面にログインし、WooCommerceの設定を見つけて、製品設定ページに切り替え、在庫設定を探します。 在庫管理を有効化し、在庫確保時間を設定して保存します。次に、製品編集ページに進み、製品の在庫設定タブを見つけ、「在庫を管理」にチェックを入れます。 下の欄に在庫数量を入力します。 これでWooCommerceの在庫設定が完了しました。次に、在庫データをサイトの製品ページに表示する方法を見ていきましょう。

製品ページでの在庫情報表示

在庫を設定した後、サイトのフロントエンドで製品の在庫を表示し、ユーザーが商品の残り数量を知ることができるようにしたい場合、プラグインとコードの2つの方法で実現できます。

方法一、Woocommerce Show Stockプラグインを使用

サイトの管理画面のプラグインから「Woocommerce Show Stock」を直接検索してインストールできます。 インストール後、WooCommerceの在庫設定画面に進み、最下部に在庫表示情報の設定箇所があります。在庫表示を有効化し、表示位置を設定して保存します。ダウンロードリンク

方法二、コードを追加して実装

サイトのテーマのfunctions.phpファイルに以下のコードを追加すると、製品アーカイブページで在庫情報を表示できます。

add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_show_stock_shop', 10 );

function bbloomer_show_stock_shop() {
global $product;
echo wc_get_stock_html( $product );
}

コード出典：https://businessbloomer.com/woocommerce-add-stock-quantity-on-shop-page/