Hey everyone, I’m trying to add an upsell section on the product page in Dawn - one click should add 3 products. The liquid part is easy, but I’m stuck on the ajax. I’ve seen a few tutorials on using Fetch like this one and was able to replicate that method, but it seems this isn’t the method used…

You have a create a JSON of all the products and then send it with fetch /add API. You can contact me if you need help in setting up the upsell products.

Couldn’t get it to work with FormData. Doesn’t look like items works for it. Did get it to work with json though. Had to change the fetchConfig() to json and setup the appropriate body. Something important is to make sure you’re using variant.ids and not product.ids or you’ll get a 404 error on th…

If you want to go through a native form submit, your html would look like this: Notice how the second product also includes 2 product properties Quantity default to 1, so you might just ommit it sometimes If you want to go through javascript and submit your data dynamically (with formData API), …

How does the ajax Fetch API work in Dawn? Issues with FormData & adding multiple products

Technical Q&A

system December 16, 2022, 10:31am 3

Any luck with this? looks like multiple items cannot be sent with FormData

Topic		Replies	Views
How can I modify product-form.js for line item properties in Dawn Theme? Store Design	37	911	August 2, 2023
Ajax post different products on Add To Cart Technical Q&A	0	37	June 16, 2021
Add multiple Items to cart with serialized form Store Design Setting-Up	2	117	May 25, 2023
Adding line items in sections in the Dawn theme Store Design	3	88	June 16, 2022
AJAX add to cart Technical Q&A javascript	1	62	May 30, 2024

How does the ajax Fetch API work in Dawn? Issues with FormData & adding multiple products

Related topics