Is there a plugin to magnify on mouse hover?

Like this except on the product gallery instead of the product page:

https://www.ads-software.com/plugins/yith-woocommerce-zoom-magnifier/

That does what we want, just not where we want it. Instead of magnifying in the product gallery h
If I install the plugin it zooms in the product page (second link) instead of the gallery page (first link) where we want it.

• This reply was modified 8 years, 2 months ago by samamerrifield.
• This reply was modified 8 years, 2 months ago by Jan Dembowski.

Here are a couple of plugins:
https://www.ads-software.com/plugins/wp-image-zoooom/
https://www.ads-software.com/plugins/image-magnify/

You might find some others here:
https://softstribe.com/wordpress/top-10-awesome-jquery-image-zooming-wordpress-plugins/

Thanks! I’ll try those!

We’re using Divi theme and I found this link but I can’t get this code to work for some reason:

https://www.elegantthemes.com/blog/tips-tricks/css-tricks-for-your-divi-theme-project-and-product-thumbnails

The bottom one where the image grows is similar to what we want.

You might have better luck on the Divi support forum. The developers and support community there would be much more familiar with the theme functionality. The volunteers here don’t have access to commercial themes.

Sadly, the last time I tried to reach out to them with a problem like this they literally told me I’d have to figure it out myself so I kind of don’t trust their forum… plus we’d have to pay to use that, kinda not worth the money just to have someone literally say “I don’t know, you’d have to figure that out yourself.” It’s why we stopped paying.

Also, if there’s a way to do this in css/code that would be good too.

• This reply was modified 8 years, 2 months ago by samamerrifield.

Understandable. In general we don’t support commercial products since we feel that’s the vendor’s responsibility. However I’ll leave this topic open as there may be someone on the forum who is familiar with Divi and willing to help.

Ah! I figured it out! The tutorial kind of left out a detail. You can add this by going to your dashboard, click Appearance>Customize and scroll down to the bottom of the panel on the left side and click “Additional CSS” and add the code you want to the bottom.

I’m assuming this is probably easier without the divi theme because I tried just putting this code in our style.css and it didn’t work no matter what I did.

The “Additional CSS” option in WP 4.7 comes in handy for small CSS modifications. Glad you got it to work.