The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 11-14-2017, 10:07 AM
Michael Ruglio-Misurell's Avatar
Michael Ruglio-Misurell Michael Ruglio-Misurell is offline
 
Join Date: Nov 2017
Posts: 2
Default How can I remove the zoom function when hovering over thumbnail images in the storefront?

Can anyone provide CSS to remove the default hover function on the storefront that creates a zoom animation the thumbnail images? I would like the images to be static when hovering over products in the online shop view.
  #2  
Old 11-14-2017, 10:38 AM
Antea's Avatar
Antea Antea is offline
Ecwid Team
 
Join Date: Nov 2015
Posts: 381
Default

Hello!
This is Anna with Ecwid team, thank you for the message.

I will be glad to help you with the question.

It is possible to disable the zoom animation for the product thumbnails in the store front with the help of CSS.

In order to apply this change, please:

- go to your Ecwid Control Panel > Settings > Design > "Edit Theme" button
- add the following CSS code to your active custom CSS theme (after all the existing codes):

Code:
.grid-product__wrap-inner:hover .grid-product__picture {
    transform: none !important;
}
- save the changes.

If you do not have a custom CSS theme for your store yet, you can create one in your Ecwid Control Panel > Settings > Design > "Create Theme" button.

More details on how to change Ecwid design are given in this article: https://support.ecwid.com/hc/en-us/a...g-store-design

I hope this information helps.

Kind regards,
__________________
Anna,
Ecwid Customer Care Team

More tips and hints on Ecwid use in our Help Center

Please click Thanks if my reply helped you.
  #3  
Old 11-14-2017, 05:10 PM
Michael Ruglio-Misurell's Avatar
Michael Ruglio-Misurell Michael Ruglio-Misurell is offline
 
Join Date: Nov 2017
Posts: 2
Default

That works great, thanks!
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
hover, zoom, zoom on hover

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:31 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.