Home Forums Themes Support Gecko Disabling 'Quick View' feature

Topic Resolution: Resolved
Viewing 9 reply threads
  • Author
    Posts
    • #1520

      I can’t seem to figure out how to disable the ‘quick view’ feature that is enabled on products on a product list. Can anyone help me?

    • #1522

      Hello,

      Thank you for purchase and your rating.

      You can disable “quick view” on product listing by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

      .product-button .btn-quickview {display: none;}

      Best regards

       

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

    • #1523

      Thanks a lot, Harry!

      Thought there might be a setting to disable it via the backend, but this will do just fine.

      However, wouldn’t this still load this JS required for producing the functionality and still require the site to load the functionality?

    • #1524

      Hi,

      Quick view content is use Ajax load so the html code appear when you click on button, you don’t click on quick view button that mean don’t have content of quick view in html.

      We use js library for quick view together for “size guide”, “Video”, “Shipping” popup

      Thank for your idea we consider this a task and improve in future.

      Best regards

       

       

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

    • #1525

      Hi again Harry,

      I might have formulated my question a bit too specific initially. I would like to disable the entire “hover functionality” that takes place when you hover over a product on a product list. This functionality shows i.e. ‘quick view’ and ‘add to cart’.

      How do I disable the entire overlay?

    • #1526

      Hi,

      Do you want disable overlay only or disable overlay together + buttons ( quick view, add to cart, add to wishlist)?

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

    • #1527

      Overlay + buttons

    • #1528

      You can edit prev code to

      .product-image:hover .product-button {display: none;}

      .product-image > .db:before { background: transparent;}

      For the attributes you can disable when hover in Theme Options > WooCommerce > Product Listing Setting > Enable Products Attribute On Product List > Uncheck All

      https://monosnap.com/file/wlh3XXBd6XhjxF0ybgdNPvOXiVdPu6#

       

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

    • #1529

      Thanks, that helped!

      I also need to add this again:

      .btn-quickview {display: none;}

       

    • #1530

      No, you don’t need prev code.

      Use only

      .product-image:hover .product-button {display: none;}

      .product-image > .db:before { background: transparent;}

       

      Best regards

       

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

Viewing 9 reply threads

You must be logged in to reply to this topic.