Skip to product information
【Dawn】Shopifyのテーマ「Dawn」でバリエーションピッカーがボタンタイプの時に「選択中バリアントを明示」する設定例
Published:2023.05.12(Last updated:2025.01.10)

[Dawn] Example of setting to "reveal selected variant" when variation picker is button type in Shopify theme "Dawn"

Depending on the Shopify theme, it may be difficult for users to know which variant they are currently using. Here is how to display the name of the selected variant in the default theme "Dawn".

*The theme structure is different from the Dawn version used in the post in May 2023, so the code has been replaced with the latest theme.)

Example of setting to "Show selected variant" when the variation picker is a button type in the "Dawn" theme


[How to implement] Add code to "product-variant-picker.liquid"


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

View store information

[Dawn] Example of setting to "reveal selected variant" when variation picker is button type in Shopify theme "Dawn"

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

snippets/product-variant-picker.liquid①


snippets/product-variant-picker.liquid②

↗ Related Post

すべてのShopify TIPS

View all