Added to wishlist icon not working

Hi there

Wishlist button is customized by your theme
As far as I can see from their demo, it doesn’t seem that they will change icon when product is added to wishlist (you can test it here)

Anyway, if you want to get the same result that they show on their loop, you could try to add the following custom CSS to additional CSS section of theme customizer

.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist > div > a::before {
    color: red;
    content: "";
}

Hello there,

Thanks for your reply, i saw that about their theme it doesn’t change to the 2nd icon.
The solution that you gave me it makes it red before and after.

Sorry, my bad; please, try with the following rules

.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist > div.yith-wcwl-wishlistexistsbrowse > a::before,
.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist > div.yith-wcwl-wishlistaddedbrowse > a::before {
    color: red;
    content: "";
}

Here screens of my result:
Product added to the list
Product not added to the list

Hello,

Thanks for your reply once again, the problem is that this css code won’t cover the whole plugin.
I have an item that it’s not wishlisted, when i wishlist it the different heart comes up.
That what you did with the option to “go into the wishlist when it is wishlisted”.
I want it to go from “add” to “remove”.
Thats what i get: https://prnt.sc/s0q9iz
If i ask too much, i can solve it with the theme seller.

Thanks in advance!

Hi there

If you could enable on your site the configuration that you plan to use in the long term, I’d be glad to check and provide you with some proper css code

Since i’m developing code over theme customization, it is a bit difficult to know what rules will work, without testing plugin on the website

Hello,

I’ve made it how it should be for a long term.
Is it even possible to remove the text from “Remove button link”?

Thank you!

Hi there

Here the CSS code that I tested on your site

.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist > div.yith-wcwl-wishlistexistsbrowse > a::before,
.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist > div.yith-wcwl-wishlistaddedbrowse > a::before,
.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist a.delete_item::before {
    color: red;
    content: "";
}

.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist a.view-wishlist::before{
    display: none;
}

.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist a.delete_item::before{
    font-size: 14px
}

.products .product .product-block > .yith-wcwl-add-to-wishlist a.delete_item{
    font-size: 0;
}

.products .product .product-block > .yith-wcwl-add-to-wishlist a.delete_item i{
    font-size: 14px;
}

.products .product .shop-action .yith-wcwl-add-to-wishlist a.delete_item:before{
    color: red;
    content: "";
}

and here a couple of screenshot from your installation
Screen 1
Screen 2
Screen 3

Hello there,

Thanks a lot for your help, on the 1st screen the heart is not alligned at the center, also on the 2nd screen i want the heart only be on 2nd phase if the item was added on the list and the text be removed.

.hidden-title-form a.hide-title-form i, .hidden-title-form button i, .wishlist-title a.show-title-form i, .wishlist_manage_table tfoot a.create-new-wishlist i, .wishlist_manage_table tfoot button.submit-wishlist-changes i, .wishlist_table .add_to_cart.button i, .wishlist_table .ask-an-estimate-button i, .yith-wcwl-add-button>a i, .yith-wcwl-wishlist-new button i, .yith-wcwl-wishlist-search-form button.wishlist-search-button i { margin-right: 0px;
}

I’ve added this, and it worked, nevermind the single product i am tired of this, and it is not your fault to start with, it’s theme’s structure!

Thank you!

Hi there

glad to help; hope you will enjoy our plugin

We are doing our best to improve our plugins. Our target is to develop and release the best free plugins for WooCommerce, but to achieve this we need your help. Please leave a good review to support us and help our growth ??