When running a Shopify store with products that have multiple variants — like sizes, colors, or materials — it’s often useful to let customers add several variants to their cart at once. This is particularly useful for those customers that don’t use bundles for various inventory and shipping related reasons. Shopify’s default setup only allows one variant per form submission.
In this guide, we are trying to explain how to build a Shopify form that submits multiple product variants at once using only Liquid and native HTML.
Here are some real-world use cases:
• A customer wants to order a shirt in Small, Medium, and Large all at once, but setting up bundles is not an option due to various fulfilment and inventory management restrictions.
• B2B or wholesale stores offering custom bulk ordering from a large selection of available products/variants.
Instead of making customers add each variant to cart separately, we can let them select all variants via a checkbox for example and then allow them to add those to cart with one click. For this we are making use of Shopify Forms.
Shopify allows adding multiple line items to the cart using this input structure:
To add multiple items to the cart with custom properties, use this format:
Adding multiple variants to the cart in one shot enhances usability and speeds up the shopping experience—especially for repeat or bulk buyers. And with Shopify's items[] form support, there's no need for JavaScript or apps.
You can copy and paste the code above into your Shopify theme, provided the DOM element naming conventions are intact and have this running in minutes.
