【Shopify TIPS（サンプルページ有）】
テーマ「Horizon」でバリアントを選択するまで「カートに追加」を押せなくする設定例
Horizon v4.1.4で、コレクション一覧の商品カードのリンク先がvariant.urlからproduct.urlになりました。これまでは一覧から商品ページに飛ぶと常にどれかのバリアントが選択済みの状態だったためAllbirdsのような「未選択スタート・選択必須」の挙動にカスタマイズするのが難しかったのですが、v4.1.4でこれが解消されたのをきっかけに、試しに実装してみました。
色・サイズを1つも選ばない状態から商品ページが始まり、全て選び終えるまでカート追加ボタンが押せません。
※詳細とサンプルページのURLはスレッドに掲載
スレッド
サンプルページ
https://horizon-store-q9zl2koe.myshopify.com/products/specialty-coffee-beans?preview_theme_id=138373464272
PW： store-dojo
【Horizon】バリアントを選択するまでカート追加ボタンを無効化する「未選択スタート」ピッカー
https://store-dojo.com/products/2026-08-28