Hello everyone, I am currently using debut theme. How to add “add to cart” button on my collection pages. And I want to show % discount every product on my collection page. Thank you in advance. Please see attached file. [Screenshot 2019-08-06 10.27.25.png] [Screenshot 2019-08-06 10.27.36.png]

Hello Lovelyn12, 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 → product-card-grid.liq…

@oscprofessional the one is sent above is incorrect

@Jesper20 , Check this screenshot. As you have defined that this is correct button design. [oscprofessional_0-1649922379086.png]

@oscprofessional yes that is correct. But when you check it on some mobile devices, they will display differently for some weird reason. Have you checked the url on mobile (no mobile through inspect, but actual mobile)?

@Jesper20 [oscprofessional_0-1649922580563.png]

@oscprofessional It has to be checked through an actual mobile, not through inspect

@Jesper20 , I have checked in my mobile. [oscprofessional_0-1649923390323.png]

@oscprofessional okay thanks. That’s the thing, it’s only on some devices and on yours it shows correctly. The other one is https://nordicoil-us.myshopify.com/ pw: geucra

@Jesper20 , You want these buttons like green backround?

@oscprofessional no. Here is how they should be displayed on all devices: [Correct 1.png] How it displays on some devices for some reason: [Wrong 1.jpeg]

@Jesper20 , .slider-mobile-gutter .card__information { height: 71px; } Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

How to add "add to cart" button on my collection page

Store Design

oscprofessional April 14, 2022, 8:03am 90

@Jesper20 ,

I have checked in my mobile.

Topic		Replies	Views
Debut Theme: Add to Cart button on homepage/collection pages Store Design	116	1158	December 11, 2024
Aligning add to cart buttons on collection page debut Store Design	75	493	October 2, 2022
Add Ajax "Quick Add to Cart" to Collection page of Debut theme? Technical Q&A	9	164	October 1, 2023
Put "Add to Cart Button" On Collection Page (Taste Theme) Technical Q&A	10	114	September 30, 2022
Add to cart button on Collection pages Shopify Discussion shop-performance	1	47	June 24, 2023

How to add "add to cart" button on my collection page

Related topics