Wishlist in product page style

Can we make wishlist after add not a right sign but a filled heart like the image?

Attachments:

You must be logged in to view attached files.

[Luke Nielsen]

Hello,

Please enter the below code to the “Global Custom CSS” area in Theme Settings -> Custom CSS. So then after adding to the wishlist the icon will be changed on the filled heard.

.single-product .wd-wishlist-icon>.added:before {
    content: '\f004';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

Result: https://gyazo.com/ccef951de2e00a357278b0f85d1699d1

Do not forget to enable the “Font Awesome” library via Theme Settings -> Performance -> Fonts & Icons.

https://gyazo.com/4ebf834cdf8bca57a8a0bd269a001bd6

Kind Regards

• This reply was modified 3 years ago by Luke Nielsen.

Done, thank you so much.

Hello,

We are glad that we managed to resolve your issue, your satisfaction with our service does matter to us.

If you have any more questions or come across any other issues, let me know, I’ll be happy to help.

Have a good day!

Kind Regards

[Author]

Posts