Add to cart from collection and stay on page

MaanShaer
Tourist
3 0 1

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.

 

Replies 12 (12)
Rashmi_Parkhya
Shopify Expert
2 0 0

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!

Rashmi Parkhya
Shopify Expert
Parkhya Solutions Pvt. Ltd.
https://www.parkhya.com/
KetanKumar
Shopify Partner
24923 2498 9041

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
MaanShaer
Tourist
3 0 1

This is the link to my homepage:

https://bggiftbox.com/


MaanShaer
Tourist
3 0 1

Hello,

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

Shishaking
Tourist
9 0 4

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
Shopify Partner
24923 2498 9041

@Shishaking 

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shishaking
Tourist
9 0 4

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
Shopify Partner
24923 2498 9041

@Shishaking 

do you need ajax add to cart

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shishaking
Tourist
9 0 4

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.