Debut Theme: Add to Cart button on homepage/collection pages

[cdanielc]

Hi,

This question has been raised a few times, but I can't get it up and working (outdated posts?) and I have an additional question regarding the design. 

As I am using Debut theme there is by default no "add to cart" button below the products on the homepage/collection pages. I would like to add an "add to cart" button in the same style as if you would create a Buy button for an external site  (Sales Channels > Buy button > Create a buy button). Please find an image below.

Can anyone help me out? Thanks in advance!

Buy button

[KetanKumar]

@andrewodom i have check its already done if any change let me know 

[andrewodom]

I am back my friend. Can you look at https://bullbarnnc.com/collections/livestock-1 . It seems the spacing is not correct. Notice the Concrete J Bunk Feeder "Add To Cart" button is too high? Can you help me fix this @KetanKumar I truly appreciate it.

[KetanKumar]

@andrewodom 

can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.product-card {min-height: 340px;}
@media only screen and (max-width: 749px){
.product-card {min-height: 270px;}
}

[andrewodom]

FIXED!!!!!! You are the man. Thank you again.

[KetanKumar]

@andrewodom 

its my pleasure to help

[andrewodom]

@KetanKumar we are back to the same problem as yesterday. Can you have a look:  https://bullbarnnc.com/collections/livestock-1

[KetanKumar]

@andrewodom 

yes ,please update last code

.product-card {min-height: 380px;}
@media only screen and (max-width: 749px){
.product-card {min-height: 270px;}
}

[andrewodom]

How do you do it man? You worked your magic again!

[KetanKumar]

@andrewodom 

its simple code and its my pleasure to help is 

[ramilc]

Hi!

Hope you can help me with my add to cart button. Please find my requests below:

• I want to remove the quantity
• Quantity depends on how many times they click the add to cart button
• Once clicked, they should remain in my product page and not in add to cart page

Here's my link - https://notjustsweet.com/collections/cancake-classics

Hope you will notice this. Thanks for the help in advance.

[plantorbit]

I used your code and it is working very well but I not need it to go directly to the cart. Tell me that how i can do click should not go directly to the cart by clicking on it.

[RamezMehio]

Hello @KetanKumar I see that you've helped people with the same issue I'm facing I tried adding the Add to cart button but it is redirecting to the shop instead of adding to cart. Also the look of it is not tidy can you assist with this?

[BG-DK]

Hi there. I have a problem regarding adding an 'ADD TO CART' button on our website. I have entered the code in the theme snippets so the button is added. But when you click on it the item is not added to the cart - but redirects to the product page.

URL: https://gemakker.dk

Also I would like for the 'OPTION' button to be alined with the 'ADD TO CART' button

[Jahid-KlinKode]

Hi @cdanielc, explore a quick fix for adding an "Add to Cart" button to your Shopify collection pages in this informative YouTube tutorial: https://www.youtube.com/watch?v=s98l1bUZe6k