Add to cart from collection and stay on page

[MaanShaer]

Hello,

I have been searching far and wide for a solution to my problem which is adding an 'ADD TO CART' + 'QUANTITY' selector buttons under each product. I have managed to find coding that helps with that, unfortunately when applying the code the following things happen:

1. Instead of having 3 items per roll, only 1 appears and the ADD TO CART option is on the side of it

2. 3 items per roll, ADD TO CART is right below it, but when trying to adjust quantity or pressing ADD TO CART, it redirects me to the product page.

Please help with this issue.

[Rashmi_Parkhya]

Hello MaanShaer,

This can be fixed through editing the theme code to manage the collection page layout as well as to stay on collection page for entering the quantity and adding to cart without redirecting to product page.

Hope this is helpful!

Cheers!

[MaanShaer]

Hello,

Can you provide some info on how to deal with the issues ?

[KetanKumar]

@MaanShaer 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[MaanShaer]

This is the link to my homepage:

https://bggiftbox.com/

[Smokelab]

Hi Ketan. I'm having the same problem with the add-to-cart button on collection pages that are redirecting me to the cart. I don't want it to do this. Did you have any solution?

[KetanKumar]

@Smokelab 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Smokelab]

Hi.

You can try here: https://shishaking.no/products/vannpipe-el-badia-c7-svart 

First, press the add to cart button on this product page. You will get a popup. In this popup is another add to cart button(its for add-on oroduct/accessory). I want that this button let's the user stay on the page without redirect or page-refresh so that I can insert several products in this popup. Possible? 

Thanks. 

[KetanKumar]

@Smokelab 

do you need ajax add to cart

[Smokelab]

Yes I think that's what I need. Can you help me create an add to cart button with Ajax? I think the rest of the site uses Ajax (on PDPs) but since this is a new add to cart button I've created, I did this with html, created a form. So I want with Ajax, no redirect and no reloading of the page. 

[KetanKumar]

@Smokelab 

yes it can be done customization code you have hire shopify expert or me also try this solution 

https://gist.github.com/marioloncarek/84ccd82a37e864b1959f630f58497733 

https://lucidpolygon.com/blog/adding-an-add-to-cart-button-to-collection-pages-in-debut-theme-ajax/ 

[Smokelab]

how much would you charge for creating an add to cart button inside my
popup, that does not reload the page, redirect to cart or close my popup?
Just a simple a2c button that acts exactly like the a2c buttons on the PDPs.

[KetanKumar]

@Smokelab 

yes please sent more details 

[Jahid-KlinKode]

Hi @MaanShaer, having trouble placing an "Add to Cart" button on your Shopify collection pages? Find a solution in this YouTube video: https://www.youtube.com/watch?v=s98l1bUZe6k