コレクションページに在庫数を表示したい

[T_ym]

お世話になっております。

商品ページ内だけではなく、コレクションページにも在庫数を表示したいと思っております。

以下の質問を参考に、「main-collection-product-grid」を編集しました。

コレクションページに表示される商品に在庫数量も併記したい
https://community.shopify.com/c/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAq-a/%E3%82%B3%E3%83%AC%E3%82%AF%...

使用しているテーマはDawnで、 {%- for product in collection.products -%}のセクションに記載したのですが、うまく表示されません。（画像の上に数字だけ表示されるなど）

理想としては、在庫数 XX 枚というような表記ができるようにしたいです。

表示場所はこの「売り切れ」と「価格」の間がいいなと思っております。

どなたかご教示いただけますと幸いです。

[EijiSaito · Accepted solution]

はじめまして

株式会社UnReactの齊藤と申します。

以下の手順で Dawn の商品一覧に在庫数を表示されるかと思います。

1. snippets フォルダの card-product.liquid を開きます。
2. 207 行目に商品価格を表示するコードがあるので、その下に {{ card_product.first_available_variant.inventory_quantity | default: '0' }} を追加します。
3. ストアに在庫数が表示されます。

[T_ym]

ご丁寧にスクリーンショットまでありがとうございます！

無事に在庫数が表示されました。本当に助かりました。

またご縁があればお助けいただければと存じます。

[EijiSaito]

はじめまして

株式会社UnReactの齊藤と申します。

以下の手順で Dawn の商品一覧に在庫数を表示できるかと思います。

1. snippets フォルダの card-product.liquid を開きます
2. 207 行目に商品価格を表示するコードがあるのでその下に、在庫数：{{ card_product.first_available_variant.inventory_quantity | default: '0' }} を追加します
3. ストアの商品一覧に在庫数が表示されます。