Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Add to cart from collection and stay on page

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 13 (13)

Rashmi_Parkhya
Shopify Partner
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/
MaanShaer
Tourist
3 0 1

Hello,

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

KetanKumar
Shopify Partner
37409 3660 12113

@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. Partnership of your ️ Coffee Tips and my code can bring miracles.
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/


Smokelab
Excursionist
14 0 5

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
37409 3660 12113

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
Smokelab
Excursionist
14 0 5

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
37409 3660 12113

@Smokelab 

do you need ajax add to cart

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
Smokelab
Excursionist
14 0 5

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
Shopify Partner
37409 3660 12113

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
Smokelab
Excursionist
14 0 5
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
Shopify Partner
37409 3660 12113

@Smokelab 

yes please sent more details 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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

Jahid-KlinKode
Excursionist
145 1 5

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