【Shopify TIPS：テーマHorizon】
Horizonの標準バリアントピッカーを、選択肢に商品画像が並ぶ新規ブロックに置き換える設定例です。
色や焙煎度のように、名前だけでは違いが伝わらない選択肢があります。「ライトロースト」「ミディアムロースト」と文字で並んでいても、お客様は写真を見ないと判断できません。
今回は標準ブロックと同じ構造（タグ名とdata属性）を守った独自ブロックを用意して、まるごと置き換えています。Horizon標準のJSがそれを本物のピッカーとして扱うので、価格の差し替えもカート投入も売り切れ判定も、こちらでJSを1行も書かずに動きます。
画像はバリアントに設定済みの商品画像をそのまま使うため、追加のアップロードは要りません。画像とテキストの縦並び・横並びの切り替えと、複数オプション商品で画像を出すオプションの指定もブロック設定から行えます。
詳細リンクはスレッドに掲載
スレッド
【Horizon】標準のバリアントピッカーを画像付きの新規ブロックに置き換える
https://store-dojo.com/products/2026-08-08