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.
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
L
Lyubomir Atanasov
said
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.
R
Riccardo de Gruttola
said
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!
D
Deleted Agent
said
almost 8 years ago
Sorry, no that is currently not possible.
A
Andrea Miller
said
over 5 years ago
any update?
D
Deleted Agent
said
almost 8 years ago
Answer
Please add this bit of custom CSS in your UI & Layout composer:
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!
Please add this bit of custom CSS in your UI & Layout composer:
.fpd-thumbnail-preview{display: none !important}
- Oldest First
- Popular
- Newest First
Sorted by PopularR. Phil Lewis
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
Lyubomir Atanasov
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.
Riccardo de Gruttola
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!
Deleted Agent
Sorry, no that is currently not possible.
Andrea Miller
any update?
Deleted Agent
Please add this bit of custom CSS in your UI & Layout composer:
.fpd-thumbnail-preview{display: none !important}
Jason
Thank You Johnny!
Riccardo de Gruttola
Thanks alot! Worked great
-
Adding Fancy Products to Categories
-
Shortcode for specfic product designer
-
What theme is recommended to use with FPD ?
-
Exclude Image from export
-
Google Font Family adds extras
-
Floating Dialog box
-
Uploadzone not working
-
Image transparency like in T-shirt demo
-
How do I get clipart
-
What does the LOAD button do / what is it for?
See all 2194 topics