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 04-21-2014, 08:19 PM
Joell Restad's Avatar
Joell Restad is offline
 
Join Date: Sep 2013
Posts: 5
Default

Adding CSS for Dynamic Drive Hover


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 http://www.dynamicdrive.com/style/cs...image_gallery/), 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 www.artshopgallery.com), but I have no formal training and need to know all the steps to get it activated. Thank you -
  #2  
Old 04-29-2014, 12:03 PM
Sergio87's Avatar
Sergio87 Sergio87 is offline
Ecwid Team
 
Join Date: Mar 2014
Posts: 1,512
Default

Quote:
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 http://www.dynamicdrive.com/style/cs...image_gallery/), 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 www.artshopgallery.com), 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 http://help.ecwid.com/customer/porta...-zoom-on-hover

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: http://help.ecwid.com/customer/porta...083332-css-faq
__________________
Sergey G., Ecwid Team
------------------
Welcome to our Help Center with a lot of answers and tips!
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
dynamic drive, 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 09:51 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.