【Shopify】商品ページに一括購入フォームを実装

複数商品を一括でカートに追加できる購入フォームを実装します。

商材によってはサイズやカラーバリエーションが複数あって、バリエーションピッカーで切り替えて、数量セレクターで数を入力して1バリエーションごとにカートに入れるのがShopifyのデフォルト仕様です。

サムネイルのように、テーブル出力で一括でカートに追加できるフォームがあったら便利だと思う方も多いはず。

アプリを使えば可能ですが、思い通りにカスタマイズできなかったりすることが多いので、テーマに実装すればデザインや出力も思い通りになります。

もちろん、jQueryレスで軽量で快適な一括購入フォームが実装できます。