Product page add to cart button - Debutify

Solved

Product page add to cart button - Debutify

Kleber_shaw
Excursionist
32 0 13

@dmwwebartisan Few days ago you gave the liquid to make the add to cart button show up on my collections page, but I just realized that some products are in different levels than others and some have the product description showing at the button. Can you help me with that?

URL: https://ilondon.shop/

Password: Kamilla

Thank you!

2607b.png

Accepted Solution (1)

KetanKumar
Shopify Partner
37618 3670 12162

This is an accepted solution.

@Kleber_shaw 

sorry for that issue can you please try this code

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

.grid-product--wrapper {
    padding-top: 100% !important;
}
.grid-product--wrapper .product--image {
    height: 100%;
    object-fit: contain;
}
.dbtfy.dbtfy-collection_addtocart {
    margin-top: 30px;
}

 

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

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
37618 3670 12162

This is an accepted solution.

@Kleber_shaw 

sorry for that issue can you please try this code

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

.grid-product--wrapper {
    padding-top: 100% !important;
}
.grid-product--wrapper .product--image {
    height: 100%;
    object-fit: contain;
}
.dbtfy.dbtfy-collection_addtocart {
    margin-top: 30px;
}

 

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
Kleber_shaw
Excursionist
32 0 13

@KetanKumar Thank you, It is  much better now but one item still showing the product description instead of the add to car  in the label. Any idea why? Thank you.

2907.png

Kinjaldavra
Shopify Partner
2303 570 1426

hello @Kleber_shaw 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.grid-product--wrapper {
    padding-top: 100% !important;
}
.grid-product--wrapper .product--image {
    height: 100%;
     width:100% ;
    object-fit: contain;
}
.dbtfy.dbtfy-collection_addtocart {
    margin-top: 30px;
}

 

PetParentStuff
Tourist
6 0 1

Hi! I am new to debutify. I just noticed that the  add to cart button is wayyyy down the page below the description. How can I move it to below the quantity? TIAScreenshot 2025-03-21 174758.png