Return to previous page

Changing Add to cart icon to a button on Shop and Products archive

This topic has 6 replies, 2 voices, and was last updated 1 months, 1 weeks ago ago by Rose Tyler

creativesite

Participant

October 15, 2024 at 10:26

Hi,

I would like to change Add to cart icon to a button on Shop and Products archive.
Can you please help me how?
Thank you!
Barbara

Files is visible for topic creator and
support staff only.

#418736 Copied

5 Answers

Rose Tyler

Support staff

October 15, 2024 at 12:07

Hello,

Thank you for reaching out to us.

We understand that you would like to change the “Add to Cart” icon to a button on the Shop and Products archive pages. We would be happy to assist you with this.

Theme Options > WooCommerce > Shop > Products design > Add to cart with quantity > Off.

Best Regards,
8Theme’s Team

#418748 Copied

creativesite

Participant

October 15, 2024 at 13:56

Thank you.
I would like “the Quantity” to stay there 🙂
So Quantity + [Add to Cart button]

Is there a way for that?

#418765 Copied
Rose Tyler

Support staff

October 15, 2024 at 14:32
Hello,

In this case, you can try to use custom CSS code https://prnt.sc/BS8uGt4oH1yY , for example:
```
.content-product .quantity-wrapper .button:before {
    text-transform: none;
    font-family: inherit;
    content: "Add to cart";
}
.products-grid .product-details .quantity-wrapper .button {
    padding: 5px 15px;
    margin-top: 10px;
}
.content-product .quantity-wrapper {
    display: inline-table;
}
```
Best Regards,
8Theme’s Team
#418769 Copied
creativesite

Participant

October 15, 2024 at 15:24

Thank you very much! 🙂

—
Sorry, Rose, just one thing, on the main page, I think it’s the Product Archive, the button looks a bit weird, could you please add a code to look it like in the main Shop? 🙂
Thank you very much!

(Please see image attached)

Also on Last viewed products, the Add to cart button needs some styling:)
Help me please, thankyou!

Please contact administrator
for this information.

#418777 Copied

Rose Tyler

Support staff

October 15, 2024 at 15:25

Hello,

You’re welcome!

Best Regards,
8Theme’s Team

#418779 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Changing Add to cart icon to a button on Shop and Products archive’' has been successfully resolved, and the topic is now closed for further responses

Changing Add to cart icon to a button on Shop and Products archive

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection