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 108 (108)
KetanKumar
Shopify Partner
32385 3255 10814

@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
5 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
32385 3255 10814

@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
5 0 5

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

KetanKumar
Shopify Partner
32385 3255 10814

@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
5 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
32385 3255 10814

@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
5 0 5

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

KetanKumar
Shopify Partner
32385 3255 10814

@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