商品情報にスキップ
【Dawn】Shopifyのテーマ「Dawn」でバリエーションピッカーがボタンタイプの時に「選択中バリアントを明示」する設定例
公開日:2023.05.12(最終更新日:2025.01.10)

【Dawn】Shopifyのテーマ「Dawn」でバリエーションピッカーがボタンタイプの時に「選択中バリアントを明示」する設定例

Shopifyのテーマによっては、どのバリアントを選択しているのかユーザーが把握しづらい時があります。デフォルトテーマ「Dawn」での、選択中バリアント名を表示するための設定方法です。

※2023年5月当時のポストで使用していたDawnバージョンとは、テーマの構造が異なっているため、コードは最新番のテーマに合わせて差し替えています)

 テーマ「Dawn」でバリエーションピッカーがボタンタイプの時に「選択中バリアントを明示」する設定例


【実装方法】「product-variant-picker.liquid」にコードを追加


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

ストア情報を表示する

【Dawn】Shopifyのテーマ「Dawn」でバリエーションピッカーがボタンタイプの時に「選択中バリアントを明示」する設定例

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

snippets/product-variant-picker.liquid①


snippets/product-variant-picker.liquid②

↗ 関連ポスト

すべてのShopify TIPS

すべて表示