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…

@ginnyst sorry for this issue 'bt i can’t see any photos also please share store url

It is on mobile - ginnystlawrenceart.com thank you!

@ginnyst sorry i can’t see your attachment bt can you please try this code Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. @media only screen and (max-width: 749px) { .btn, .shopify-payment-button .shopify-payment-button__button--unbran…

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…

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

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

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

Store Design

KetanKumar June 11, 2021, 6:19am 40

@ginnyst

do you have like this?

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

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

Related topics