Skip to product information
【Dawn】Shopifyのテーマ「Rise/Dawn」のコレクションページに在庫数(バリアントがある商品はその合計在庫数)を表示する設定例
Published:2024.11.06

[Dawn] Example of settings to display inventory quantity (total inventory quantity for products with variants) on the collection page of the Shopify theme "Rise/Dawn"

Display the total stock quantity of the product on the collection page of the Rise/Dawn theme. (Products with variants will display the total stock quantity.)
You can edit the Liquid code and turn it on/off in the collection template settings.

--------

◆ Benefits of implementation ・Encouragement of purchasing by visualizing inventory status ・Display/hide switching by collection

◆Specific implementation steps ① Add product grid section settings ・Add a checkbox for displaying inventory to the schema settings ・Implement logic for calculating the total inventory of variants ・Add HTML/Liquid for display

② Create a collection template, duplicate an existing template, turn on the inventory display setting, and apply the new template to the target collection.


Example of settings to display inventory quantity (total inventory quantity for products with variants) on the collection page of the Shopify theme "Rise/Dawn"


[(For the Rise/Dawn theme) Setup method ①] Add a schema label to "ja.schema.json" in the product grid section "sections/main-collection-product-grid.liquid" of the collection template.


[(For the Rise/Dawn theme) Setting method ②] Add the code to "sections/main-collection-product-grid.liquid" and "snippets/card-product.liquid"


[(For the Rise/Dawn theme) Setup method 3] Duplicate the collection template, turn on the inventory display, and set it to the collection you want to display inventory for.


After making a purchase (all items are ¥0), you will be able to view the sample code.

View store information

[Dawn] Example of settings to display inventory quantity (total inventory quantity for products with variants) on the collection page of the Shopify theme "Rise/Dawn"

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add schema to "sections/main-collection-product-grid.liquid"

Add a label to "ja.schema.json"

Add the code to "sections/main-collection-product-grid.liquid"

すべてのShopify TIPS

View all