Image Hover

Posted almost 8 years ago by Riccardo de Gruttola

Post a topic
Answered
R
Riccardo de Gruttola

Hi there,


Is there a way to remove the hover on images when selecting a design? 

I have created thumbnails for people to see so i dont need the big white box to pop up. Image has been attached for a better understanding. I'm sure some simple CSS would remove such a feature but not 100% sure.


Thanks!

0 Votes

D

Deleted Agent posted almost 8 years ago Best Answer

Please add this bit of custom CSS in your UI &  Layout composer:

.fpd-thumbnail-preview{display: none !important}

0 Votes


8 Comments

Sorted by
L

Lyubomir Atanasov posted over 1 year ago

Hello, sorry to re-open this (quite old) discussion - I would like to remove the image preview which shows when you hover with the mouse over the thumbnails in the image module. Tried the custom CSS above but looks like it's not working anymore, any other way I can do that?


Thank you.

0 Votes

A

Andrea Miller posted over 5 years ago

any update? 

0 Votes

R

R. Phil Lewis posted over 6 years ago

Hey Everyone, 


I have a new problem with this CSS. while YES it does disable the thumbnail hover image as I did need. It also disables the ability to add a Fancy Design Image to the product. 

I tested this on both a laptop and an iPad and the fancy designs were only disabled on the iPad, but you could click and add designs on the laptop. 


Does anyone have any idea how to disable the hover image AND make sure the designs can still be added on a mobile device? 


Thank you

0 Votes

D

Deleted Agent posted almost 8 years ago

Sorry, no that is currently not possible.

0 Votes

R

Riccardo de Gruttola posted almost 8 years ago

Johnny,


Is there a way to show the thumbnail on hover instead of the product replacement image? I just want to have the thumbnail enlarge a little when hovering over the image so more details can be shown.


Thanks!

0 Votes

R

Riccardo de Gruttola posted almost 8 years ago

Thanks alot! Worked great

0 Votes

J

Jason posted almost 8 years ago

Thank You Johnny!

0 Votes

D

Deleted Agent posted almost 8 years ago Answer

Please add this bit of custom CSS in your UI &  Layout composer:

.fpd-thumbnail-preview{display: none !important}

0 Votes

Login or Sign up to post a comment