Wishlist icon is displayed 2 times on product loop

Solved10 replies2 participantsUpdated by MarkStore

  • Avatar: MarkStore
    MarkStore
    Participant

    Hello

    I have activated the YITH WooCommerce Wishlist and enabled: Show “Add to wishlist” in loop on top of the image. (shop page, category pages, products sliders…)
    Screenshot 1: https://paste.pics/B97QK
    Screenshot 2: https://paste.pics/B97QN

    After clicking on the wishlist icon on the top of the image, instead of 1 color icon I have 2 color icons (a small one and a big one)
    Before clicking Screenshot: https://paste.pics/B91YL
    After clicking Screenshot: https://paste.pics/B91YU

    On related products, I have also 2 wishlist icons even before clicking.
    Screenshot: https://paste.pics/B920C

    My website is on private mode, so if you need to check it please tell me, I will give you login credentials.

    Thank you

    #267496 Copied Theme version: 7.2.3 WooCommerce version: 4.8.0

    10 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Please follow this article – https://www.8theme.com/documentation/xstore/plugins/wishlist/
    If you need any further assistance, provide temporary wp-admin access.

    Regards

    #267499 Copied
    Avatar: MarkStore
    MarkStore
    Participant

    Thank you for your quick answer.

    I followed the instructions on this article but nothing changed.
    (I also have purged all the cache on my WP Dashboard)
    I have created a temporary admin access. It’s in the private content area.
    Can you please check my website?

    Regards

    Please contact administrator
    for this information.
    #267501 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Check now.

    Regards

    #267533 Copied
    Avatar: MarkStore
    MarkStore
    Participant

    Hello,

    Thanks for your check.

    The double heart disappears but I want to have the wishlist icon not on hover state, but on normal state.I want the icon to be always visible, not only on hover.

    Can you find a solution, please?
    Thank you,

    Regards

    #267626 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Add the next code in Theme Options > Theme Custom CSS:

    .product-view-default .content-product .wishlist-fragment a {
    opacity: 1 !important;
}

    Regards

    #267629 Copied
    Avatar: MarkStore
    MarkStore
    Participant

    Thank you very much for your quick answer.

    It works almost perfectly, thank you!

    I would like the icon to be more close to top and right corner of the image. On mobile it is too low and not enough right. (please see the screenshot below)
    Screenshot: https://paste.pics/B9IEO
    Can you help? Thank you.

    Regards

    #267638 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Add the next code in Custom CSS for mobile area:

    .product-view-default .et-wishlist-holder {
    top: 5px;
    right: 5px;
}

    Regards

    #267681 Copied
    Avatar: MarkStore
    MarkStore
    Participant

    It works perfectly, thank you very much for your help!

    Before I close this topic, I would like to ask you one last thing regarding the off-canvas wishlist list which is triggered when I click on the wishlist icon.(on desktop)

    My store is on catalog mode so I don’t want prices to be visible.
    I disabled the product price on the YITH wishlist settings, so prices are not visible on the wishlist page.
    Screenshot: https://paste.pics/B9IPE

    But the problem is the price is still displayed on the off-canvas wishlist list.
    How can I remove the price, please?
    Screenshot: https://paste.pics/B9ILH
    Thank you,

    Regards

    #267751 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    .et_b_wishlist-dropdown .woocommerce-Price-amount {
    display: none !important;
}

    Regards

    #267755 Copied
    Avatar: MarkStore
    MarkStore
    Participant

    It works perfectly.
    Thank you very much for your quick and efficient support, I appreciate it !

    Regards

    #267776 Copied

The issue related to '‘Wishlist icon is displayed 2 times on product loop’' has been successfully resolved, and the topic is now closed for further responses