# コレクションページに在庫数を表示したい **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [August 26, 2024, 6:53am UTC](https://community.shopify.com/t/topic/352096 "2024-08-26T06:53:04Z")\ **Posts on this page:** 4\ **Page:** 1 ## AI-generated summary ユーザーがShopifyのコレクションページに在庫数を表示したいと質問。Dawnテーマを使用しているが、過去の参考記事を元に編集しても在庫数が表示されない状況。 **解決方法:** EijiSaitoが具体的な手順を提示: - `snippets`フォルダ内の`card-product.liquid`を開く - 207行目の商品価格表示コードの下に、在庫数表示用のコード `{{ card_product.first_available_variant.inventory_quantity | default: '0' }}` を追加 - スクリーンショット付きで実装例を提示 **結果:** 質問者が無事に在庫数の表示に成功し、解決済み。具体的なコード例と画像による説明が問題解決に有効だった事例。
**Author:** ![T\_ym](https://avatars.discourse-cdn.com/v4/letter/t/58956e/32.png) [@T\_ym](https://community.shopify.com/u/T_ym)\ **Post date:** [August 26, 2024, 6:53am UTC](https://community.shopify.com/t/topic/352096/1 "2024-08-26T06:53:04Z")
お世話になっております。 商品ページ内だけではなく、コレクションページにも在庫数を表示したいと思っております。 以下の質問を参考に、「main-collection-product-grid」を編集しました。 コレクションページに表示される商品に在庫数量も併記したい [https://community.shopify.com/post/2005841](https://community.shopify.com/post/2005841) 使用しているテーマはDawnで、 {%- for product in collection.products -%}のセクションに記載したのですが、うまく表示されません。（画像の上に数字だけ表示されるなど） 理想としては、在庫数 XX 枚というような表記ができるようにしたいです。 表示場所はこの「売り切れ」と「価格」の間がいいなと思っております。 ![T_ym_0-1724655076449.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/d/a/da525ba509d00cf61926b1d90c9bdcd52d020476.png) どなたかご教示いただけますと幸いです。 ---
**Author:** ![EijiSaito](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/eijisaito/32/66222_2.png) [@EijiSaito](https://community.shopify.com/u/EijiSaito)\ **Post date:** [August 27, 2024, 4:17am UTC](https://community.shopify.com/t/topic/352096/2 "2024-08-27T04:17:07Z")
はじめまして 株式会社UnReactの齊藤と申します。 以下の手順で Dawn の商品一覧に在庫数を表示されるかと思います。 1. snippets フォルダの card-product.liquid を開きます。 2. 207 行目に商品価格を表示するコードがあるので、その下に {{ card\_product.first\_available\_variant.inventory\_quantity | default: ‘0’ }} を追加します。 3. ストアに在庫数が表示されます。 ![EijiSaito_0-1724732046907.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/1/6/166474d3ed99afffdaf8187fcfef007a5739c5c0.png) ![EijiSaito_1-1724732216564.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/f/f/e/ffe36a23c3cc8f333236ca0e1c72dde565402c76.png) ---
**Author:** ![EijiSaito](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/eijisaito/32/66222_2.png) [@EijiSaito](https://community.shopify.com/u/EijiSaito)\ **Post date:** [August 27, 2024, 4:31am UTC](https://community.shopify.com/t/topic/352096/3 "2024-08-27T04:31:20Z")
はじめまして 株式会社UnReactの齊藤と申します。 以下の手順で Dawn の商品一覧に在庫数を表示できるかと思います。 1. snippets フォルダの card-product.liquid を開きます 2. 207 行目に商品価格を表示するコードがあるのでその下に、在庫数：{{ card\_product.first\_available\_variant.inventory\_quantity | default: ‘0’ }} を追加します 3. ストアの商品一覧に在庫数が表示されます。 ![EijiSaito_0-1724733025254.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/9/d/9d93622d98c7513563b42d7c858b1917e9f3bf94.png) ![EijiSaito_1-1724733073269.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/4/0/40995f13fcc7df1cd61069acee4e179b39764950.png) ---
**Author:** ![T\_ym](https://avatars.discourse-cdn.com/v4/letter/t/58956e/32.png) [@T\_ym](https://community.shopify.com/u/T_ym)\ **Post date:** [August 28, 2024, 8:25am UTC](https://community.shopify.com/t/topic/352096/4 "2024-08-28T08:25:12Z")
ご丁寧にスクリーンショットまでありがとうございます！ 無事に在庫数が表示されました。本当に助かりました。 またご縁があればお助けいただければと存じます。