Two wishlist icons on product page

  • My product page has two wish list heart icons, when I deactivate the plugin it removes these icons, seems to be the plugin.

    I’ve read others having similar issue, I copied the suggested code and pasted in the additional CSS field for my theme but doesn’t seem to help

    These were the suggestions I’ve tried.

    .woocommerce-variation-add-to-cart > .yith-wcwl-add-to-wishlist {
    display: none;
    }

    .single-product .yith-wcwl-add-to-wishlist{
    display: none;
    }

    form.variations_form div.woocommerce-variation-add-to-cart div.yith-wcwl-add-to-wishlist {
    display: none;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter mywebsite100

    (@mywebsite100)

    Figured it out, by default your code already has a heart icon, if you select an icon from the dropdown, in my case the fa fa-heart-o, it will place another.

    You should remove this as it causes issues when most would think there isn’t an icon by default and when they select one, it creates two, doesn’t remove the default icon. class=”yith-wcwl-icon fa fa-heart-o”


    <i class=”yith-wcwl-icon fa fa-heart-o”></i>Add to wishlist

    “Add to wishlist” icon “None”

    Select an icon for the “Add to wishlist” button (optional)

    Plugin Author YITHEMES

    (@yithemes)

    Hi there

    In most cases this kind of error is caused by the theme
    In most case theme developers add a custom icon that matches their style, but forget to make it work with wishlist internal icon option

    I suggest you to contact your theme developers and report this problem
    They could disable their icon whenever user pick a custom one from wishlist options, or disable wishlist icon options at all, to force theme icon

    Anyway, I’m glad to hear that you solved the issue
    Marking this topic as solved

    While we’re here, if you appreciate our plugin, maybe you could consider supporting us
    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 ??

    You can use this CSS to hide that “box”:

    
.yith-wcwl-add-button>a i.fa.fa-heart-o{
    display: none;
}

    Include it in Appearance > Customize > Additional CSS and review.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Two wishlist icons on product page’ is closed to new replies.