Home Forums Themes Support Gecko Disabling 'Quick View' feature

Topic Resolution: Resolved

This topic contains 9 replies, has 2 voices, and was last updated by  Harry 1 year, 5 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #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?



    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



    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?



    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




    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?



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


    Overlay + buttons


    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




    Thanks, that helped!

    I also need to add this again:

    .btn-quickview {display: none;}



    No, you don’t need prev code.

    Use only

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

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


    Best regards


Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.