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

Solved
cdanielc
Tourist
16 0 1

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 buttonBuy button




Replies 110 (110)
KetanKumar
Shopify Partner
36500 3621 11762

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

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
andrewodom
Tourist
9 0 5

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
Shopify Partner
36500 3621 11762

@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;}
}

 

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
andrewodom
Tourist
9 0 5

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

KetanKumar
Shopify Partner
36500 3621 11762

@andrewodom 

its my pleasure to help

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
andrewodom
Tourist
9 0 5

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

KetanKumar
Shopify Partner
36500 3621 11762

@andrewodom 

yes ,please update last code

.product-card {min-height: 380px;}
@media only screen and (max-width: 749px){
.product-card {min-height: 270px;}
}
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
andrewodom
Tourist
9 0 5

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

KetanKumar
Shopify Partner
36500 3621 11762

@andrewodom 

its simple code and its my pleasure to help is 

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
BG-DK
New Member
1 0 0

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' buttonSkærmbillede 2022-08-21 kl. 20.35.07.png

ramilc
New Member
2 0 0

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.