Home › Forums › Themes Support › Gecko › Removing hovering and "quick view" on products

Topic Resolution: Resolved

Tagged: 

Viewing 4 reply threads
  • Author
    Posts
    • July 25, 2017 at 1:59 am #6934
      axel1020

      Hi,

      How do I remove the hover effects when hovering over a product? When I hover over a product it displays “Quick view”, “Add to cart” and “Add to wishlist”. I’d preferably like to remove the whole hover function.

      Thanks!

    • July 25, 2017 at 9:22 am #6950
      Harry

      Hi Axel,

      Thank you for choosing our theme.

      You can add custom code in JanStudio > Theme Option > General Layout > Custom CSS

      .product-image:hover .product-button > *,
      .product-image:hover .db:before {
      display: none;
      }

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • July 26, 2017 at 9:34 am #6990
      Harry

      You’re welcome.

      Feel free contact us again if you have any further question.

      Have a great day!

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

      • July 29, 2017 at 8:04 pm #7268
        axel1020

        Hi Harry,

        Thank you for the help earlier, it worked on all the products on the front page. However I noticed that when I go into “shop” where the full shop is, the hovering function is still there. I attached an image of how it looks and an image of the code I got from Google Chrome.

        How do I solve this?

        Appreciative of the help, thanks!

        Attachments:
        You must be logged in to view attached files.
    • July 29, 2017 at 11:28 pm #7277
      Harry

      Hi,

      You can solve this issue by go to JanStudio > Theme Option > WooCommerce > Product Listing Setting > Hover Style > Select Style 2.

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • August 25, 2017 at 4:48 am #8755
      subcity

      Hi

      I would like to do the same but just remove the hover options on mobile site and keep quick view, wish list, add to cart on desktop version

      thank you in advance

      • August 25, 2017 at 11:52 am #8760
        Harry

        Hi subcity,

        You can add custom code in JanStudio > Theme Option > General Layout > Custom CSS

        @media only screen and (max-width: 960px) {
        .product-image:hover .product-button > *,
        .product-image:hover .db:before {
        display: none;
        }
        }

        Best regards

        Harry
        Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

  • Author
    Posts
Viewing 4 reply threads

You must be logged in to reply to this topic.