# 複数バリエーションの同時カート追加 **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [July 5, 2023, 3:16am UTC](https://community.shopify.com/t/topic/229991 "2023-07-05T03:16:58Z")\ **Posts on this page:** 2\ **Page:** 1 ## AI-generated summary ユーザーは、各バリエーションごとに個別の「カートに追加」ボタンがある現状から、数量が0以上のバリエーションをまとめて1つのボタンでカートに追加できる機能を実装したいと質問しています。 **提案された解決策:** - **Cart API**: JavaScriptを使用してカスタム実装が可能。ただし技術的に難しい場合はエキスパートやパートナーへの依頼を推奨 - **カートパーマリンク**: 対象商品が入った状態のカートに直接移動する方法。複数バリエーションを追加する場合は `variant_id:quantity` をカンマ区切りで指定 - **CSS対応**: ボタンを1つに見せるだけなら、CSSでの対応も可能 - **商品説明欄への記載**: 各バリエーションを1つずつ購入するリンクを商品説明欄に記載する方法が最もシンプル **現状**: あまり見られない挙動のため、独自実装が必要。複数の代替案が提示されているが、具体的な実装方法の選択は未決定。
**Author:** ![FireBlade](https://avatars.discourse-cdn.com/v4/letter/f/4bbf92/32.png) [@FireBlade](https://community.shopify.com/u/FireBlade)\ **Post date:** [July 5, 2023, 3:16am UTC](https://community.shopify.com/t/topic/229991/1 "2023-07-05T03:16:58Z")
画像には各バリエーションの隣に「カートに追加する」ボタンがあり、そこからカートに商品を追加できますが、「カートに追加する」ボタンを一つにして数量が０以上のバリエーションは、すべて一つの「カートに追加する」ボタンをクリックすればカートに商品が追加できるという仕様の実現は可能でしょうか。 ご教示いただけますと幸いです。 ![0a86235e4b96d1f70dc802420b8c826a.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/0/7/0765a9ec3ef737a59a8021a55a2b6316d93652c2.png) ---
**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\ **Post date:** [July 23, 2023, 10:55am UTC](https://community.shopify.com/t/topic/229991/2 "2023-07-23T10:55:52Z")
[https://shopify.dev/docs/api/ajax/reference/cart](https://shopify.dev/docs/api/ajax/reference/cart) あまり見たことがない挙動ですが、上記のCart APIで対応できると思います。 主にJSで独自に構築する必要があるため、ご自身での対応が難しい場合はエキスパートやパートナーに依頼されることをお勧めします。 他方、カートに追加するのではなく、「対象商品が入った状態のカートに移動する」という動作でも許容できる場合は、以下のカートパーマリンクで対応可能だと思います。 [https://help.shopify.com/ja/manual/products/details/cart-permalink](https://help.shopify.com/ja/manual/products/details/cart-permalink) > _複数のバリエーションを追加する場合は、variant\_id:quantityをカンマで区切って、1つまたは複数のバリエーションを追加します。商品のバリエーションIDを見つける方法をご覧ください。_ 最も簡単なのは、上記のカートパーマリンクを商品説明欄に「全バリエーションを一つづつ購入する」というようなラベルでリンクとして記載する方法かなと思います。 ボタンのような見た目にしたいなどであればCSSで対応可能だと思いますが、CSSが書けない場合はやはりエキスパートやパートナーに依頼されることをお勧めします。 他には、あるのか分かりませんがご要望の動作をするアプリを探すのも良いかと思います。