Skip to product information
1 of 1
Published:2024.03.15

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.

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.

Applications

  • Collection information management and editing

How to implement

  • LIQUID
View full details

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.

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