Add a + to add to the cart on the product card in dawn theme

Store Design
, , ,
1

Hello, good afternoon, is there any way to add a + to add to the cart on the product card, I’m using the dawn theme, this is the URL of my store: https://dylvf23hp8f1z9k5-78857208093.shopifypreview.com

Example of what I’m looking for:

IMG_0834.jpeg
IMG_0834.jpeg470×390 15.1 KB

2

Hi @Dropstar

Dawn theme has the option quick add but it will appear Add to cart or Choose option with variant products so you will need to enable that option then customize code to change from button to “+” button.

3

Hi, @Dropstar

I can help you with it. But it needs to add some custom code. If you need my help, please let me know.

4

I have already added it, could you help me with the code to change it like the one in the previous image?

5

I know, I have already added the quik add option in my theme, could you help me with the code so that it looks like the previous image?

6

I need to check your code. So I need to access your store as a collaborator if possible. Can you share your collaborator code with me?

7

This is the collaborator code: 1396

8

Okay. And your store url, not the preview link.

9

https://dropstarshop.com/en?_ab=0&_fd=0&_sc=1

10

I have applied the access. Please accept.

11

It’s already done

12

Please add this code to theme.liquid file, after in Sales Channels > Online Store > Themes > click “…” next to the theme you want to edit > Edit code

.card__content .quick-add {
    position: absolute;
    bottom: 60px;
    right: 0;
}
.card__content .quick-add .quick-add__submit {
    font-size: 1px;
    padding: .8rem 2.2rem;
    background: transparent;
}
.card__content .quick-add .quick-add__submit:after {
    content: '+';
    font-size: 32px;
}