Place wishlist icon in product image

  • Resolved wonderga

    (@wonderga)


    3 years, 12 months ago

    I have the free version of yith woocommerce wishlist. I would like the wishlist ‘heart-o’ button placed in the top right corner of each product image, on both shop page and product page. I have tried every selection to alter the position. Following the support documentation, I have selected: Position of “Add to wishlist” in loop ‘on top of image’ however this places the icon above the product image, not in it.
    https://www.wondergasm.com
    This is my website. I would greatly appreciate if you could advise on what to do.

    Thank you greatly,

    Kirsty

    • This topic was modified 3 years, 12 months ago by wonderga.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hi Kirsty

    Try to add the following CSS rules at the end of Additional CSS section of theme customizer (WP Dashboard -> Appearance -> Customize)

    .products .product .yith-wcwl-add-to-wishlist {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
}

.products .product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback,
.products .product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback{
    display: none;
}

    Hope this helps

    Thread Starter wonderga

    (@wonderga)

    Amazing thank you so much!

    When pressing the heart icon to add to wishlist, then pressing the heart again it takes me to the wishlist page. How can I make it so I don’t leave the page when adding and removing from the wishlist?

    Many thanks,

    Kirsty

    Plugin Author YITHEMES

    (@yithemes)

    Hi again Kirsty

    Please, open separate thread for different topics; this will make easier for other users to navigate threads of this forum and, hopefully, find answer to their questions

    Could you please navigate to WP Dashboard -> YITH -> Wishlist -> Add to Wishlist options -> General Settings and set After product is added to wishlist to Show “Remove from list” link?

    If this doesn’t work is most probably because of the outdated templates overridden in your theme folder; my suggestion in this case is to locate add-to-wishlisst.php or add-to-wishlist-button.php templates in your theme’s or child theme’s folder and rename them to add-to-wishlisst.php.bak and add-to-wishlist-button.php.bak respectively (beware this will anyway remove your theme’s customization)

    Thread Starter wonderga

    (@wonderga)

    Great thank you!

    Plugin Author YITHEMES

    (@yithemes)

    You’re welcome!

    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

    Hi, I have same problem. And i have also tried CSS rule. But doesn’t work for me.

    https://www.flyingrugs.fi

    Thank you,

    Hamzu

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Place wishlist icon in product image’ is closed to new replies.