Skip to product information
1 of 1
Published:2023.05.12Last updated:2025.01.10

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

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

Applications

  • Product information management and editing

How to implement

  • LIQUID
  • Javascript
View full details

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.

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