How can I change the '+' button to an 'Add to Cart' button on my new theme?

Store Design
1

Hi,

Hope you are doing well.

I have a problem with my new theme (It’s not live yet). I created a feature collection there however, it has a “+” button on each product photo for add to cart instead of the actual button below the slider.

I wonder how can I change this to “Add to cart” button like the file attached

My URL: https://lt57no2k83w1514o-49323901096.shopifypreview.com
This is not live as it needs a lot of changes.

Would you please assist me?

Thanks.
@LitExtension

2

Hi @SR_16 ,

Go to Assets > theme–async.css and paste this at the bottom of the file:

.product--quick-add .product--plus svg {
    display: none !important;
}
.product--quick-add .product--plus {
    width: auto !important;
    border-radius: 0 !important;
    padding: 15px !important;
}
.product--quick-add .product--plus:before {
    content: 'Add to cart';
}

Hope it helps!

1 Like
3

Thank you, but I need it to be like the photo attached, below each product not
on the photo.
Is there any way to do it like that?

@LitExtension

4

Hi @SR_16 ,

If you want it to look like the photo attached, you need to edit the HTML for it.

Please send me staff account, I will check it.

5

Is there any other ways to check without a staff account?

@LitExtension

6

Hi @SR_16 ,

Because each theme will have different display file names, I can’t be sure which file is displaying product items and guide you in detail.

Or you can send me the theme file, I will check it.

1 Like