【Shopify】商品の在庫を表示する方法（Liquid）

こんにちは！ShopifyのLiquidコードを使って、商品の在庫数を表示する方法を紹介します！

商品の在庫数を表示するコード

<!-- main-product.liquid に記述 -->
{% for variant in product.variants %}
  {% if variant.inventory_management == "shopify" %}
    <p>在庫数：{{variant.title}} {{ variant.inventory_quantity }}個</p>
  {% endif %}
{% endfor %}

コードの解説

{% for variant in product.variants %}

• 「商品のバリエーション（variant）」を1つずつ確認するためのループ。
• 商品には「バリエーション」という情報がある。
  例えば、「Tシャツ」の商品 →「ホワイト」「ブルー」「ピンク」がある。
  
  

{% if variant.inventory_management == "shopify" %}

• 「Shopifyが在庫管理しているか」を確認している。
• 在庫管理がShopifyで設定されている場合にだけ、次のコードが動く。
  
  

<p>在庫数:{{ variant.inventory_quantity }} 個</p>

• 実際の在庫数を表示。
• {{ variant.inventory_quantity }} は、在庫の数を意味する。
  
  

{% endfor %}

• ループの終わりを表す。すべてのバリエーションの在庫を確認し終わったら、ループが終了。

まとめ

商品の在庫数を表示するには、product.variants を使います！
少しずつコードを書いて、自分だけのオンラインストアを作っていきましょう！