複数バリエーションの同時カート追加

[FireBlade]

画像には各バリエーションの隣に「カートに追加する」ボタンがあり、そこからカートに商品を追加できますが、「カートに追加する」ボタンを一つにして数量が０以上のバリエーションは、すべて一つの「カートに追加する」ボタンをクリックすればカートに商品が追加できるという仕様の実現は可能でしょうか。

ご教示いただけますと幸いです。

 

[Jizo_Inagaki · Accepted solution]

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

あまり見たことがない挙動ですが、上記のCart APIで対応できると思います。

主にJSで独自に構築する必要があるため、ご自身での対応が難しい場合はエキスパートやパートナーに依頼されることをお勧めします。

他方、カートに追加するのではなく、「対象商品が入った状態のカートに移動する」という動作でも許容できる場合は、以下のカートパーマリンクで対応可能だと思います。

https://help.shopify.com/ja/manual/products/details/cart-permalink

>複数のバリエーションを追加する場合は、variant_id:quantityをカンマで区切って、1つまたは複数のバリエーションを追加します。商品のバリエーションIDを見つける方法をご覧ください。

最も簡単なのは、上記のカートパーマリンクを商品説明欄に「全バリエーションを一つづつ購入する」というようなラベルでリンクとして記載する方法かなと思います。

ボタンのような見た目にしたいなどであればCSSで対応可能だと思いますが、CSSが書けない場合はやはりエキスパートやパートナーに依頼されることをお勧めします。

他には、あるのか分かりませんがご要望の動作をするアプリを探すのも良いかと思います。