Hover on the product fly in listing

[Juliana]

hello,

 

Do you know how to make n on product listing

Thank you

Edited November 5, 2019 by Juliana

[Orphelia]

Hello,

 

i do not exactly what you want to do, but look this page, it can help you.

https://mdbootstrap.com/docs/jquery/css/hover-effects/

[Ingrid]

Hello,

Another with cool effect :
https://miketricking.github.io/bootstrap-image-hover/

[Snoopy]

Hello,

 

The gallery are nice. I will try some.

More simple : you can do that with the css

 

.card:hover {
  background-color:#eee;
}

or for index page product new
.ModulesFrontPageBoostrapColumn5Image:hover {
    background-color: #eee;
}

 

 

[Mariana]

Just a question, Is possible to do that with ClicShopping

a concret example .

https://bootsnipp.com/snippets/O5yMd

[Drack]

@Mariana,

Yes you can no reason, Just this example need 2 different images. In this case, you must adapt the product description inside your admin by a hook and after create a new module and template.