FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

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

解決済

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

T_ym
観光客
9 0 2

 

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

 

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

 

以下の質問を参考に、「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 枚というような表記ができるようにしたいです。

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

T_ym_0-1724655076449.png

 

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

1 件の受理された解決策

EijiSaito
Shopify Partner
27 2 2

成功

はじめまして

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

 

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

 

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

 

EijiSaito_0-1724732046907.png

EijiSaito_1-1724732216564.png

 

 

株式会社UnReact


Shopify Expertとして、Shopify ストア構築・運用やアプリ開発に至るまで幅広く活動しています。

元の投稿で解決策を見る

3件の返信3

EijiSaito
Shopify Partner
27 2 2

成功

はじめまして

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

 

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

 

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

 

EijiSaito_0-1724732046907.png

EijiSaito_1-1724732216564.png

 

 

株式会社UnReact


Shopify Expertとして、Shopify ストア構築・運用やアプリ開発に至るまで幅広く活動しています。

T_ym
観光客
9 0 2

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

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

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

EijiSaito
Shopify Partner
27 2 2

はじめまして

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

 

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

 

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

EijiSaito_0-1724733025254.pngEijiSaito_1-1724733073269.png

 

株式会社UnReact


Shopify Expertとして、Shopify ストア構築・運用やアプリ開発に至るまで幅広く活動しています。