Zoom with a Different Image?

Yes, that is possible, but you’ll have to modify the image’s HTML in order to link the alternate image.

Most of the editors and page builders will allow you to access and modify the image’s HTML. For example, with Gutenberg you can select the image, click the “More options” button (three vertical dots) in the image menu and then click “Edit as HTML”.

The alternate image needs to be linked in the “data-zoom-image” attribute for the <img> element. For example:

<figure class="wp-block-image size-large"><img src="https://example.com/wp-content/uploads/image-on-the-website.jpeg" class="zoooom" data-zoom-image="https://example.com/wp-content/uploads/alternate-image-for-zoom-lens.jpeg"/></figure>

This method of using an alternate image for the zoom lens works both with the plugin’s free and pro version.

• This reply was modified 4 years, 2 months ago by SilkyPress.

Thanks for your reply! I took your code and substituted my images inside of a text block. But the zoom effect isn’t working, do I need to adjust something in settings to get it to work?

Can you give me a link so I can have a look at what is wrong?

Hi buddy i am also having same issue.
https://thebudgetpe.com/dakson/product/toshiba-notebook-hard-disk-sata-500gb/
when i select any other product image from the gallery. the zoom lens is showing 1st image only.

• This reply was modified 4 years ago by amitkumarprajapati. Reason: checked and updating the issue

@amitkumarprajapati In the original topic the person wanted the zoomed image to be different than the image in the zoom window. Your issue is that on your gallery the zoomed image is different than the image in the zoom window.

The Electro theme replaces entirely the default WooCommerce gallery and the image zoom plugin doesn’t recognize when the image changes in the new gallery. I’m sorry, the image zoom plugin will not work with the WooCommerce gallery under the Electro theme.