Home Forums Themes Support Gecko Disabling 'Quick View' feature

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

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1520
    galimathies
    Support Expired

    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

     

    #1523
    galimathies
    Support Expired

    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

     

     

    #1525
    galimathies
    Support Expired

    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)?

    #1527
    galimathies
    Support Expired

    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#

     

    #1529
    galimathies
    Support Expired

    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

     

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

You must be logged in to reply to this topic.