【Shopify TIPS】
テーマ「Horizon」でバリエーションピッカーが「ボタン形式」の場合に、選択中の値をラベル表示する設定例です。

Horizonの仕様上、カラースウォッチ形式では元々「色 ベージュ」のように選択中の値が並んで出るのですが、サイズ・素材などのテキストボタン形式だと表示されません。選択肢が二つしかない項目の場合、お客様が「今何を選んでいるのか」を一目で確認しにくくなりがちなので、ボタン形式でも同じく出るように修正しています。 `snippets/variant-main-picker.liquid` を1行修正するだけで対応可能です。

なお、ベンダーファイルであるスニペットに手を加えていますが、影響範囲を限定するためカスタムファイル対応はしていません。

#Shopify


スレッド

【Horizon】ボタン形式のバリエーションピッカーで選択中の値をラベル表示する
https://store-dojo.com/products/2026-05-05

Xで見る