Support » Plugin: YITH WooCommerce Wishlist » Making the add to wishlist icon stay as red by default (without even hovering)

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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 8 months, 3 weeks ago by Doru Tirlea.
    • This reply was modified 8 months, 3 weeks ago by Doru Tirlea.
    • This reply was modified 8 months, 3 weeks 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?

    Plugin Author YITHEMES

    (@yithemes)

    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.

    Plugin Author YITHEMES

    (@yithemes)

    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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Making the add to wishlist icon stay as red by default (without even hovering)’ is closed to new replies.