Return to previous page

Topic: How to customize add to cart icon on the single product page?

Sadikul Islam

Participant

April 25, 2022 7:21 am

Hi, how to customize add to cart icon on the single product page?
Site URL: hidden
Theme version: 8.1.3

Content is visible for topic creator and
support staff only.

#322599 copied to clipboard
Rose Tyler

Support staff

April 25, 2022 8:26 am
Hello,

You can use one of these icons, by adding the next code in Theme options > Theme custom CSS:

.single-product .single_add_to_cart_button:before { content: "\e90d"; }

Regards
#322612 copied to clipboard
Sadikul Islam

Participant

April 25, 2022 5:43 pm

How to remove it?

#322659 copied to clipboard

Sadikul Islam

Participant

April 25, 2022 5:51 pm

.single-product .single_add_to_cart_button:before {
content: “”;
}

Like this?

#322661 copied to clipboard
Olga Barlow

Support staff

April 26, 2022 12:46 pm
Hello,

Use below code

.single-product .template-container .single_add_to_cart_button:before { display:none; }

Regards
#322700 copied to clipboard

Viewing 5 results

1 through 5 (of 5 total)

The topic ‘How to customize add to cart icon on the single product page?’ is closed to new replies.

8theme system image

Upload your translation files

Click on the desired target language for which you already have a translation.

Choose file (max-size 1mb, zip or rar)

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.