Skip to product information
【Dawn】Shopifyのテーマ「Dawn」の複数バリエーションを持つ商品のコレクションページでデフォルト以外のバリエーションを指定して表示させる方法
Published:2024.02.07

[Dawn] How to specify and display variations other than the default on the collection page of a product with multiple variations in the Shopify theme "Dawn"

When listing a product with multiple variations on a Shopify collection page, there are cases where you want to display a product in a specific color that is not the default from the beginning. Here is an example of how to specify an arbitrary variation value using the collection meta field in the theme "Dawn".


How to specify and display variations other than the default on the collection page of a product with multiple variations in the theme "Dawn"


[Setup Method 1] Create two collection meta fields with single lines of text named "custom.variant_key" and "custom.variant_value".


[Setting Method 2] "card-product.liquid" Modification 1: Modify the beginning


[Setting Method 3] Fix for "card-product.liquid" 2: Add code to the product link URL


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

View store information

[Dawn] How to specify and display variations other than the default on the collection page of a product with multiple variations in the Shopify theme "Dawn"

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

"card-product.liquid" modification 1: Modify the beginning

↗ Related Post

すべてのShopify TIPS

View all