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.
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 Atanasovposted
10 months 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 Millerposted
about 5 years ago
any update?
0 Votes
R
R. Phil Lewisposted
about 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 Agentposted
over 7 years ago
Sorry, no that is currently not possible.
0 Votes
R
Riccardo de Gruttolaposted
over 7 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 Gruttolaposted
over 7 years ago
Thanks alot! Worked great
0 Votes
J
Jasonposted
over 7 years ago
Thank You Johnny!
0 Votes
D
Deleted Agentposted
over 7 years ago
Answer
Please add this bit of custom CSS in your UI & Layout composer:
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!
Attachments (1)
Untitled-1.png
97.5 KB
0 Votes
Deleted Agent posted over 7 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
Lyubomir Atanasov posted 10 months 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
Andrea Miller posted about 5 years ago
any update?
0 Votes
R. Phil Lewis posted about 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
Deleted Agent posted over 7 years ago
Sorry, no that is currently not possible.
0 Votes
Riccardo de Gruttola posted over 7 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
Riccardo de Gruttola posted over 7 years ago
Thanks alot! Worked great
0 Votes
Jason posted over 7 years ago
Thank You Johnny!
0 Votes
Deleted Agent posted over 7 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