View Single Post
Old 04-29-2014, 12:03 PM
Sergio87's Avatar
Sergio87 Sergio87 is offline
Ecwid Team
Join Date: Mar 2014
Posts: 1,512

Originally Posted by Karin Marks View Post
There was an old knowledge base answer for this, but it lacked specific steps, and I'm afraid I need those. I have the CSS code to activate hover/zoom on my images (found at, but I cannot figure out how to add it to my theme. This is my first website and e-store, and I've learned a lot ( you access the e-store through, but I have no formal training and need to know all the steps to get it activated. Thank you -
Hello Karin

If you want to zoom product image on hover in the grid product view please copy the code from this article

And paste this code in your custom CSS theme in Ecwid.

Here are the steps:

Open Ecwid control panel and proceed to: System Settings → Design → CSS Themes
- Click "New CSS Theme"
- Paste the code from the article here.
- Name and activate your scheme.
- Save changes (click the 'Save' button)
- Reload customer interface page if it's open in your browser

That’s all! Now there will be product image zoom on hover in the grid product view.

Please refer to this article to learn more about Ecwid design and CSS:
Sergey G., Ecwid Team
Welcome to our Help Center with a lot of answers and tips!