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 …

@cdanielc can you please try this Just follow the steps for Debut theme for Add to cart button on collection pages. From Shopify Admin select Online Store and click on Themes Choose your main theme Click the . . . on the top left-right (see below) and hit Edit code Open Snippets → pro…

Hi that didn’t work unfortunately. If you go to my homescreen on mobile - ginnystlawrenceart.com you will see all the “add to cart” buttons I manually added. When you look at the “view all” it is smudged up against all the other add to cart buttons, but only on mobile

Here is what I am referring to.

@ginnyst do you have like this? [KetanKumar_0-1623392335020.png]

Hi there, I’m hoping you can help me with a similar issue. I’ve followed your instructions to add the cart button, but the buttons are laying right on top of the next row like pictured. Could you help with this? Jacob University Store password: awtsoh [Screenshot 2021-06-17 165226.png]

@tjacobofficial sorry for that issue can you please try this Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. this code apply for after 5 - 6 second .product-card {margin-bottom: 10px;} .product-card+form {margin-bottom: 30px;} .product-card+f…

Hi, Is there a way to get this button inactive when the product is sold out? [sold.png] Thanks in Advance.

Hello @KetanKumar I followed your customized code which you give about homepage add to cart button code. It worked very well but on mobile, the button is doesn’t look very well. I want to resize add to cart button as a thinner. URL: onthologie.com [IMG_4509.jpeg]

@moonrise Sorry you are facing this issue, it would be my pleasure to help you. Welcome to the Shopify community! :blush: Thanks for your good question. Please share your site URL, I will check out the issue and provide you a solution here.

@KetanKumar On Desktop add to cart buttons are ok but on mobile look big. I want smaller or maybe thinner https://www.onthologie.com/

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

Store Design

tjacobofficial June 18, 2021, 2:26pm 43

Wonderful, that’s perfect! Thank you so much!

Topic		Replies	Views
How to add "add to cart" button on my collection page Store Design	112	2853	July 3, 2024
Aligning add to cart buttons on collection page debut Store Design	75	502	October 2, 2022
Product pages - Stay on the product page after adding products to the cart Store Design	215	2501	November 30, 2024
Add Ajax "Quick Add to Cart" to Collection page of Debut theme? Technical Q&A	9	173	October 1, 2023
Add to cart button on Collection pages Shopify Discussion shop-performance	1	51	June 24, 2023

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

Related topics