Adding the "Add to Cart" button to collection page problem [DEBUT THEME]

Solved
Highlighted
Excursionist
15 0 5

Hello everyone,

 

I'm having quite an issue with my Debut theme. I've managed to find some tutorials on this forum on how to add the "Add to Cart" button to the collections pages with all products, however, even though I followed the steps exactly as described/suggested here (https://community.shopify.com/c/Feedback-On-My-Store/Add-to-Cart-button-on-collections-page/m-p/6911...) and here (https://community.shopify.com/c/Shopify-Design/Adding-an-quot-Add-to-Cart-quot-Button-to-Collection-...), I'm struggling with making it so that the customer doesn't go on the product page, but adds the products to cart directly from the collections page without being redirected. As you can see, whenever I click on the "quantity" or on the "Add to Cart" button, it redirects me to the product page.

 

Website: https://www.fresh-cart.co.uk

Password: cartcart

 

Thank you in advance for your assistance. 

0 Likes
Highlighted
Shopify Expert
3655 549 883

This is an accepted solution.

Add this css in Asset->theme.scss file at bottom:

.full-width-link{    position: relative;}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
14 0 1

Hi bro. Did you manage to enter the Add to Cart button? I don't succeed on the Debut theme.

0 Likes
Highlighted
Shopify Expert
3655 549 883

Send your store url 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Highlighted
Shopify Expert
3655 549 883

I can see add to cart working fine. whats an issue? 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
14 0 1

@Jasoliya @ It does not fit correctly on the page on the mobile device or on the desktop.Untitled.png

0 Likes
Highlighted
Shopify Expert
3655 549 883

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.product-card { margin-bottom: 5px; }
.grid__item  form{display: flex; margin-bottom: 20px;} .grid__item  form input#quantity { width: 50%;border-radius: 0; }
.grid__item  form input.btn { width: 50%;border-radius: 0; font-size: 10px; }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
14 0 1

@Jasoliya 

Should the code be copied here?Untitled.png

0 Likes
Highlighted
Shopify Expert
3655 549 883

Yes thats it

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes