Product Hover

[someone123]

Is there a way to turn off the special effect when hovering products in prestashop 9.0?

[WebCommercify]

Where do you want to disable hover? In product detail page or product list page?

[someone123]

Sitewide ...

[Andrei H]

Hello,

Yes, you should be able to turn the off via CSS.

I assume you are using the Hummingbird theme, but do correct me if I'm wrong.

I see three changes when you hover over a product: there is a bit of zoom on the product, a box shadow is displayed and the Quick View link is displayed too.

Which one of them do you want to turn off?

Edited August 15 by Andrei H (see edit history)

[someone123]

Thank you sir. I'd like to turn all three off!  Hummingbird is the theme. It's a great theme by the way.

Edited August 15 by someone123 (see edit history)

[Andrei H]

Hello,

For disabling all of them, here are the necessary steps:

1. In themes/hummingbird/assets/css create a file called custom.css.

2. The content of the file should be the following:

/* Disable image zoom */
.product-miniature .product-miniature__link:hover .product-miniature__image {
  transform: none;
}

/* Disable Quck View */
.product-miniature:hover .product-miniature__quickview {
  transform: none;
}

/* Disable shadow */
.product-miniature .card:hover {
  filter: none;
}

3. Delete the cached .css files under themes/hummingbird/assets/cache

4. Reload the page (you might need to hard reload it - ctrl + shift + r in Chrome). It should hopefully work as expected

Edited August 15 by Andrei H (see edit history)

[someone123]

Thank you very much sir.