Skip to product information
【Dawn】Shopifyのテーマ「Dawn」のコレクションページから商品ページに遷移した際 元のコレクション内での位置に基づいて前後の商品リンクを表示する設定例
Published:2024.03.15

[Dawn] When moving from a collection page to a product page in the Shopify theme "Dawn", a setting example that displays the previous or next product link based on the position in the original collection.

This is a setting example for the Shopify theme "Dawn," where when you move from a collection page to a product detail page, links to the previous and next products are set according to the display order. This allows users to view products consecutively without having to return to the collection each time.


Example of settings for the "Dawn" theme that displays previous and next product links based on the position in the original collection when transitioning from a collection page to a product page.


[Setting method ①] Add elements to the two anchor links in "card-product.liquid"


[Setting Method 2] Add code to set previous and next links at the beginning of "main-product.liquid"


[Setting method 3] Add a script tag in "theme.liquid"


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

View store information

[Dawn] When moving from a collection page to a product page in the Shopify theme "Dawn", a setting example that displays the previous or next product link based on the position in the original collection.

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add elements to the two anchor links in "card-product.liquid"

Add code to set previous and next links at the beginning of "main-product.liquid"

↗ Related Post

すべてのShopify TIPS

View all