Disabling 'Quick View' feature

[galimathies]

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?

[Harry]

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

[galimathies]

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?

[Harry]

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

[galimathies]

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?

[Harry]

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

[galimathies]

Overlay + buttons

[Harry]

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

[galimathies]

Thanks, that helped!

I also need to add this again:

.btn-quickview {display: none;}

 

[Harry]

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

[Author]

Posts