Return to previous page

Wishlist icon is displayed 2 times on product loop

This topic has 11 replies, 2 voices, and was last updated 4 years, 4 months ago ago by MarkStore

  • Avatar: MarkStore
    MarkStore
    Participant
    January 9, 2021 at 11:30

    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
    January 9, 2021 at 11:40

    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
    January 9, 2021 at 12:02

    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
    January 9, 2021 at 18:08

    Hello,

    Check now.

    Regards

    #267533 Copied
    Avatar: MarkStore
    MarkStore
    Participant
    January 10, 2021 at 11:58

    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
    January 10, 2021 at 12:05

    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
    January 10, 2021 at 12:48

    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
    January 10, 2021 at 16:35

    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
    January 11, 2021 at 09:22

    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
    January 11, 2021 at 09:38 
    .et_b_wishlist-dropdown .woocommerce-Price-amount {
    display: none !important;
}

    Regards

    #267755 Copied
    Avatar: MarkStore
    MarkStore
    Participant
    January 11, 2021 at 12:11

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

    Regards

    #267776 Copied
  • Viewing 11 results - 1 through 11 (of 11 total)

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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.