メタフェイズではShopifyを利用したストア構築を行っています。
今回はformタグで全バリエーションを一度にカートへ入れる方法を紹介いたします。

1.商品ページへ下記Liquidコードを追記する

<form method="post" action="{{ routes.cart_add_url }}">
  {%- for variant in product.variants -%}
  <input type="hidden" name="items[{{forloop.index0}}]id" value="{{ variant.id }}">
  {{ variant.title | escape }}({{ variant.price | money_with_currency }})<input type="number" name="items[{{forloop.index0}}]quantity" value="1"><br>
  {%- endfor -%}
  <button type="submit">全バリエーションをカートへ入れる</button>
</form>

上記コードで表示された「全バリエーションをカートへ入れる」ボタンをクリックすると表示している商品の全バリエーションがカートへ投入されます。

Shopifyを利用したストアの構築・運用のご相談はお問い合わせフォームより受け付けております。