商品詳細ページの商品選択部分について

[shota_noda]

商品詳細ページの商品選択部分について、

添付のようなにデザインを変更したいです。

（バリエーションごとにカートに追加するが表示されるイメージです。在庫切れの場合は[Sold Out]を表示したいです。）

shopifyを使用するのが今回が初めてで、

HTML/CSSの基本は理解しておりますが、LIQUIDはあまり知識がございません。

該当ショップのテーマは「Dawn」を使用しております。

よろしくお願いします。

[Jizo_Inagaki]

実装したことはありませんが、恐らくliquidと以下のCart APIで対応できるかなと思います。

https://shopify.dev/api/ajax/reference/cart

他方、liquidやJSが書けない場合は以下のような対応が検討できます。

■アプリで対応する

アプリを探して対応する形になります。

https://apps.shopify.com/variation-table-listing?locale=ja

※上記アプリの使用経験はありませんが、アプリストアで「add to cart button」や「variants

」あたりのワードで探すと他にもある程度見つかると思います。

■テーマで対応する

あるのかどうか不明ですがご要望の機能を持つテーマを探すことも検討できます。

■依頼する

自力で対応不可の場合はエキスパートやパートナーに依頼されることをお勧めします。