Skip to content

Native Divi 5 ModulePro

Divi Image Zoom

Zoom into image detail on hover.

Why use the Divi Image Zoom module?

A product or detail photo benefits from letting a visitor look closer, and a plain CSS hover-scale just enlarges the same low-resolution file, which looks soft up close.

Image Zoom takes two files: the image shown at rest, and a separate, higher-resolution image shown inside a magnifying lens on hover. The zoomed view is genuinely sharper because it is a different file, not a stretched one.

Hover this to see the live module.

A dish, shown at rest and zoomed on hover

What you get out of it

A real second imageThe zoomed view comes from a separate high-resolution file, not a CSS scale of the small one.Zoom speedControls how fast the transition feels when the lens appears.Lens sizeMagnify Width and Height size the lens itself, independent of the image dimensions.An optional shadowuseShadow adds depth to the lens so it reads as sitting above the image.Alt text built inOne field covers accessibility for the image.Native on Divi 5Ships in Divi Torque Pro. A Divi 4 layout using the same module converts across.

Everything the Divi Image Zoom module does

Every option below ships in Divi Torque Pro.

Small image, shown at restLarge image, shown inside the lens on hoverAlt textZoom speedLens shadow, on or offLens width and height

See the Divi Image Zoom in action

This is the live module. Hover the image to see the magnifying lens.

Hover to zoom

The lens follows the cursor, reading from a separate high-resolution file.

A dish, shown at rest and zoomed on hover

A faster zoom, no shadow

Speed and Use Shadow are independent settings from the images themselves.

Fast, flat lens

A quicker transition, shadow switched off.

A dish, shown at rest and zoomed on hover

Adding one takes about a minute

Three steps, and none of them involve custom CSS.

1Drop in the moduleAdd Image Zoom to any row. It arrives with an empty image field.2Upload both imagesSmall Image for the resting view, Large Image for the higher-resolution zoomed view.3Set the lensSpeed, shadow, and lens width and height are all in the Design tab.

Questions people ask first

Short answers, all of them checked against what the module actually does.

Is the Image Zoom module free?No. It ships in Divi Torque Pro. The free plugin does not include it.Does it need Divi 5?It is a native Divi 5 module. A Divi 4 layout using the same module converts across, since it shares the same shortcode.Does it work on touch devices?The interaction is hover-based. There is no dedicated tap or pinch-to-zoom mode for touch devices.Can I use the same image for both the small and large fields?Yes, but the zoom will look softer, since the lens is then just enlarging the same resolution rather than showing genuinely sharper detail.Does it generate the large image automatically?No. Small Image and Large Image are uploaded separately.Can the lens be square instead of the image's aspect ratio?Magnify Width and Height are set independently, so the lens shape does not have to match the image's own proportions.

Get Image Zoom and 78 more.

One license, every module and extension, native on Divi 5.