Wishlist open heart icon not showing

  • Resolved lijanni

    (@lijanni)


    2 years, 6 months ago

    I found out that the “add to wishlist” heart icon that I used to have “on top of the image” does not show at all anymore. I thought that maybe it was a conflict with a plugin named TP Product Image Flipper for Woocommerce, but I found out that the filled out heart icon has no problem showing after product is added on top of image. I have tried with other “open” icons, and they all don’t show, but other filled out icons show without problem.

    I have linked the page where you can see the product loop, and the empty button with no heart showing (the outline of a heart/open), s? you can see how it looks.

    I hope you can help me fix it, I prefer to continue to use hearts for the wishlist.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter lijanni

    (@lijanni)

    Also, can you help with some CSS on how to make the “add to wishlist” icon size and padding similar to my “add to cart” icon button on single product page?

    Can you tell me how did you achieve this? Or this was a part of your theme

    https://ibb.co/8YwkG8k

    Thread Starter lijanni

    (@lijanni)

    Do you mean the search bar, the menu or the purple blurb? The main menu is created with a plugin Divi Mad Menu. The search bar seems funny in your image, but it doesn’t look like that in any of my browsers, I will have to look at that. The search bar is made with FiboSearch plugin. The purple blurb is customized from a separate template from Divi Shop Builder only on cart and oayment pages.

    Are any of these plugins conflicting with the heart icon on product loop and single product pages?

    Plugin Support Juan Coronel

    (@juaancmendez)

    Hello there,
    we hope you’re doing well!
    `We’ve been reviewing your site, and we don’t quite understand why the heart icon isn’t showing up. We don’t see CSS rules interfering with this, although we do see that your Woo Bagde Design Lite plugin uses another fontawesome library (in charge of icons) and it may be affecting this.

    Could you try disabling that plugin momentarily?

    If this doesn’t work, you can try the following in order to see what is causing the conflict:
    – switch to a default WordPress theme like 2022.
    – If the problem persists, try leaving only WooCommerce and our plugin active, and then activate your plugins in batches to determine which one is causing this conflict.

    Try it and tell us any news, please.

    Best regards.

    Thread Starter lijanni

    (@lijanni)

    Hello

    Yes it was a problem with the Badge Designer Lite for Woocommerce plugin and yours. I found a workaround for displaying a heart icon on top of the image: I used custom icons instead and they are displaying normal like before.

    The icon on single product page does have a lot of padding, can you help me with som CSS so the size and padding is similar to Add to Cart button?

    Best,
    Janni

    Plugin Support Juan Coronel

    (@juaancmendez)

    Hello Janni,

    Yes, sure. In order to achieve what you need, add the following CSS in Appearance > Customize > Additional CSS:

    .yith-wcwl-add-to-wishlist a.add_to_wishlist {
    padding: 5px 14px !important;
    display: inline-grid !important;
}
.yith-wcwl-add-to-wishlist a.add_to_wishlist img {
    margin-right: 0 !important;
}

    Check it out and tell us any news.

    Have a nice day!

    Thread Starter lijanni

    (@lijanni)

    Hello Juan,

    Thank you very much, it looks much nicer now:)

    I will mark this as solved now.

    Have a nice day

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Wishlist open heart icon not showing’ is closed to new replies.