Shop site display Heart hover

  • Resolved nextgenua

    (@nextgenua)


    3 years, 8 months ago

    Hello, I need help, I would like to show the heart when you move the mouse over the individual images. Only then does the heart appear, but only in the desktop view.

    I’ve tried but somehow I can’t do it :-/

    Greeting
    NextGenUA

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

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

    (@yithemes)

    Hi there

    You could try with the following CSS rules

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

.products .product:hover .yith-wcwl-add-to-wishlist {
    display: block;
}

@media( max-width: 768px ) {
   .products .product .yith-wcwl-add-to-wishlist {
    display: block;
}

    Add them at the end of Additional CSS section of theme customizer (WP Dashboard -> Appearance -> Customize)

    Please, note that I’m showing ATW button by default, without any hover effect, under 768px (standard tablet media query)
    Anyway, feel free to tweak that code as you prefer, if you want to show button by default only on smaller (or bigger) screen resolutions

    Thread Starter nextgenua

    (@nextgenua)

    Hello, Woow thank you soo much! it works ??

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Shop site display Heart hover’ is closed to new replies.