add multiple product to cart with one button?

Highlighted
Tourist
16 0 4

Is there a way to  add multiple products (or a collection) to cart with one button on a blog page?

 

the buy button is quite close but it requires user to add one by one instead of one button that adds all products.

 

all the bundle apps don't work either as most are for discount purpose or upsell.

0 Likes
Highlighted

You could try using the order form example to do it. Here is a link to example code: https://gist.github.com/carolineschnapp/9122054

 

Basically you're using "updates" input as the quantity field. If the variant doesn't exist in the cart, it will add it with the quantity in the input. Just beware that if the variant is in the cart, it will set the quantity to the input value.

Activated Apps | Shopify Development and Applications
0 Likes
Highlighted
Shopify Partner
5 0 0

Hey @ave ,

 

Our PickyStory app can help you there. We enable you to create looks (bundles) and link your products to them quickly. Your shoppers will be able to shop complete looks instead of just purchasing individual items. We offer multiple widgets to display on your website (no coding required). Also, soon we should release a discount feature, so if a shopper added more than one product from the same look, he would get an automatic discount.

 

Feel free to check PickyStory app - https://apps.shopify.com/pickystory-shop-the-look

 

Or contact us through hello@pickystory.com and we'd be happy to help you :)

0 Likes
Highlighted
Shopify Partner
164 1 5

You can cross-sell and use button Add all to cart

0 Likes
Highlighted
Shopify Partner
104 4 12

@ave 

 

See here is 1 of example we've made to add multiple products to cart with buy button: https://happypoints.io/shopify-buy-button-adding-multiple-produts/

 

If you have any questions, don't hesitate to ask me.

Vince Nguyen | Ecommerce Consultant at HappyPoints.io
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Email me at: vince@happypoints.io
Skype: vince@happypoints.io
0 Likes
Highlighted
Pathfinder
150 6 12

Hi @ave 

Did you find any suitable app that meets your requirements yet? If not, I think you should try Bulk  Add to Cart app. Bulk Add To Cart creates an interesting shopping experience for your customers by allowing them to purchase many products and aims at setting up positive online shopping. Besides adding multiple products, your customers can include the cart with just a click. At the same time, they can add the number of each product as well as click Add to Cart button at the bottom or at the top of your product lists. As you can see, Bulk Add To Cart has many available setting selections in the App admin. You can easily install or uninstall the app without having any trouble. In addition, no coding skill is required and you can simply assign Multiple Addtocart temples to your different collection from the Admin store. Here are some highlight features of the app:

  • Promote shopping experience
  • Avoid browsing through product pages separately
  • Opt for many setting selections
  • Include many products to a cart
  • Allow inserting quantities for each product in product list view

To get the app, you can click this link https://avada.io/shopify/app/bulk-add-to-cart-capacity-web-solutions-pvt-ltd.html

Hope it helps!

Regards

Avada is an e-commerce solution provider based in the heart of Vietnam where the best developers unite. Founded in 2017 by Mageplaza, Avada is responsible to complete the mission to help 1 million online businesses grow revenues.

----------------------------
Was my reply helpful? Click Like or Mark it as an Accepted Solution to let me know!
0 Likes
Highlighted
Shopify Partner
50 1 3

The app Gifter: Auto Add to Cart could be used for your purposes. I would define a rule that adds the products you want to the customer's cart when a certain other product is added (which can just have the title of your collection or whatever you choose). That way, you'll get all those products into the customer's cart on one button click.

 

https://apps.shopify.com/gifter-cart-auto-include

0 Likes
Highlighted
Pathfinder
103 8 19

I have done a post in the Past for this.  The term for this Is "Pre-filled cart" or "Permalinks"

The Documentation can be found here: https://help.shopify.com/en/themes/development/getting-started/using-ajax-api#shopify-ajax-api-refer...

 

Example of its use can be seen on my hastily whipped together Demo page here where I built it into Sections:  https://demo.ecomdev.ca/

 

 

 

0 Likes
Highlighted
New Member
1 0 0

Hi, I just used this for my shop (adding multiple products with one link) to sell our combos.

if a customer returns to my shop page and ads another size or another combo, the link doesn't add another product, if the product is already placed in the cart. Guess it is because it just updates the cart with the numbers provided.

Would it be possible to use this kind of link to add another of the same product?

 

But, from time to time a customer wants to buy 2 or 3 of my main product. If they go back to the shop page, and ad another main product, it will just overwrite the already added item. How can I avoid this? Is there a "add (another) one" instead of "update cart number to one"

0 Likes
Highlighted
Pathfinder
103 8 19

@madeofsteel This would get a little more complicated.  Add.js only adds whats there, to change or update you would need to use change.js, which if im not mistaken can not add any products at all, only change whats already there.

 

So you would need a developer to dig into it more, Adding an IF Statement to check if the product is already in the cart.  If it is, then use Change.js, otherwise use add.js.

 

add.js should work fine if they are adding different sizes, since it uses variant ID.

0 Likes