コレクションページに表示される商品に在庫数量も併記したい

日本語 ディスカッション 技術的なQ＆A

Topic summary

コレクションページに商品の在庫数量を表示する方法についての質問です。

質問内容:

  • コレクションページで商品と一緒に在庫数量を表示できるか

回答内容:

  • 表示方法によるが対応可能
  • Liquidコードを使用した実装方法が提示されました:
    • バリエーションなし/先頭バリエーション: {{ product.selected_or_first_available_variant.inventory_quantity }}
    • 複数バリエーションがある場合: forループで各バリエーションの在庫数を表示
  • テーマによってコード調整が必要
  • Shopify公式ドキュメント(variant.inventory_quantity)が参考資料として提供されました

現状:
質問者は回答に感謝し、提案された方法を試してみる意向を示しています。実装結果はまだ報告されていません。

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

コレクションページに表示される商品に在庫数量も併記したいんですが、これって可能でしょうか？
可能であればどのように実現すればよいのでしょうか？
畏れ入りますがアドバイスをお待ちしております。

2

タコ様

ご質問を確認しました。

商品の在庫数の表記の可否についてですが、どう表示したいかにもよりますが、対応は可能です。

一例ですが、コード上の表示されたい箇所(商品名{{ product.title }}の下 等)に以下のコードを追記します。

・商品にバリエーションがない or 先頭のバリエーション

{{ product.selected_or_first_available_variant.inventory_quantity }}

・商品バリエーションがある場合

{%- for variant in product.variants -%}

{{ variant.inventory_quantity }}

{%- endfor -%}

参考：https://shopify.dev/docs/api/liquid/objects/variant#variant-inventory_quantity

テーマによってはコードの調整が必要になりますので、適宜調整等いただけますと幸いです。

ご参考までに。

フルバランス 園畑

1 Like
3

ご教示いただきましてありがとうございます。
まだよくわかっていないのですが教えていただいたことを試してみたいと思います。