Skip to product information
【Dawn】Shopifyのテーマ「Dawn」で商品ページにランキング枠を設置する設定例
Published:2023.06.16

[Dawn] Example of setting up ranking frames on product pages using the Shopify theme "Dawn"

This method expands the "Featured section" of the Shopify theme Dawn and uses it as a ranking frame, but it can also be implemented on product pages. By displaying the "ranking of the category that the product belongs to" along with related products, you can expect to increase the viewing rate of similar products.

Example of setting up a ranking frame on a product page using the theme "Dawn"


Setup Step 1: Add a definition to the product field and specify the collection for the target product. Add the scheme to "featured-collection.liquid" and the label to "ja.schema.json".


Step 2: Modify the code in "featured-collection.liquid"


Setup Step 3: Add a "Featured Collection" section to any location on the product template and configure various settings.


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

View store information

[Dawn] Example of setting up ranking frames on product pages using the Shopify theme "Dawn"

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add scheme to "featured-collection.liquid"


Add a label to "ja.schema.json"


Modified the code for "featured-collection.liquid" (to hide the contents of the referenced collection if "d...

↗ Related Post