Making the add to wishlist icon stay as red by default (without even hovering)

Hello @hameedhudeen

I can help you here as it seems support is slooooow ??

You can go to YITH -> Wishlist -> Colors (tab).

There in the “Custom CSS” field just add this line and it should be as you requested

.image-tools .wishlist-button.wishlist-added { background-color: #b20000; border-color: #b20000; color: #fff; }

• This reply was modified 6 years ago by Doru Tirlea.
• This reply was modified 6 years ago by Doru Tirlea.
• This reply was modified 6 years ago by Doru Tirlea.

Hi @stkwarrior
Thank you so much for the concern ??
I tried this but it didn’t work.

Works if I remove the class .wishlist-added but all the buttons become red then.
There might be an issue with that specific class.

Is there something we can do in this case?

Hello there,
hope you are doing well! ??

Could you check if you achieve what you need adding the next CSS rules in your theme, please?

image-tools.show-on-hover{
opacity: unset !important;
}
.wishlist-button.button.circle.icon.wishlist-added {
    background-color: #b20000;
    border-color: #b20000;
    color: #fff;
}

Let us know any news.

Have a nice day!

Hello

The problem there is not the actual css. The problem is that you only apply class “wishlist-added” at the end of the ajax success call. But on a page refresh (or coming to a page where that product is already in wishlist) you do not add that class back to the icon so the css will never work.

@yithemes Hi! Thanks for the CSS.
It actually partially works. When I add a product to the wishlist, the heart icon stays red until I refresh the page.

Upon refreshing, it returns back to the regular behavior.

Hi there,

Yes, you are right @stkwarrior. In this case, you should contact your theme support @hameedhudeen, because these classes are added by the theme and not directly from our plugin. Maybe they can add this class permanently to the button if the product is already on the wishlist.

Could you contact them and let us know any news, please?

I just sent them a mail regarding this. I will keep this thread updated regarding the responses I receive.
Thank you both of you ?? @stkwarrior @yithemes