Skip to product information
【Dawn】Shopifyのテーマ「Dawn」で複数のコレクションに属する商品の詳細画面で流入元に合わせて動的に関連コレクションを表示できるようにする設定例
Published:2023.12.30

[Dawn] A setting example for the Shopify theme "Dawn" that dynamically displays related collections according to the source of traffic on the details screen for products that belong to multiple collections

This is a setting example that uses the Shopify theme's "Featured Collection Section (a function to display part of a collection on a product or page)" to dynamically switch the contents of related collections according to the collection from which the traffic came, in the case of a product detail screen that is featured in multiple collections. This is expected to improve the number of visitors.


An example of how to dynamically display related collections according to the source of traffic on the details screen for products belonging to multiple collections in the "Dawn" theme


[Settings Step 1] Add a featured collection (featured-collection.liquid) section to the product details in the theme editor and set the collection to display by default.


[Settings Step 2] Add code to featured-collection.liquid that sets the collection from the parameter value, and replace "section.settings.collection" in multiple places with "section_collection".


[Settings Step 3] In card-product.liquid, add code to assign the collection handle as a parameter to the link to the product detail page.


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

View store information

[Dawn] A setting example for the Shopify theme "Dawn" that dynamically displays related collections according to the source of traffic on the details screen for products that belong to multiple collections

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add code to featured-collection.liquid that sets the collection from the parameter value, and replace "section.settings.collection" with "section_collection" in several places.

↗ Related Post

すべてのShopify TIPS

View all