ドロップダウンやラジオボタン以外でバリアントを取得したい

Highlighted
観光客
10 1 2

お世話になります。

 

製品ページで製品のバリアントを取得する際、ラジオボタンやセレクトクラス等のドロップダウンでしかコントロール出来ないのでしょうか?

 

商品のサイズ毎のボタンを数個配置して クリックする度にaddClassで選択を付与するデザインにした場合などで、異なるバリアントを取得する構文の書き方などあれば教えていただきたいです。

0 件の「いいね!」
Highlighted
Community Manager
Community Manager
640 138 218

ドロップダウンなどで出している場合も、以下のLiquidをオブジェクトをLOOPで回して表示しているだけですので、同じやり方で、いかようにも表せると思います。

https://shopify.dev/docs/themes/liquid/reference/objects/product#product-options

Technical Partner Manager, Japan
1 件の「いいね!」
Highlighted
観光客
10 1 2

いつもありがとうございます🙇‍

参考にさせていただき、再度トライしてみます

0 件の「いいね!」