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…

Hello there, I have done this, but on mobile, i have very weird spacing on my buttons. (see photo) Can you advise how to correct that? Thanks

@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

@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!

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

Store Design

ginnyst June 6, 2021, 3:26pm 39

Here is what I am referring to.

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