Product Image Zoom for JoomShopping 5+

Before buying, customers may need to inspect a product’s texture, material, pattern or small details. Interactive zoom helps show these details in the main product image.

Product Image Zoom for JoomShopping 5+ adds a pure JavaScript zoom effect without a jQuery dependency. Automatic initialization requires the standard image markup to be preserved.

Features

• Two display modes:
  • Side pane — the zoomed image appears beside the main image.
  • Inside the image (magnifier) — the zoom effect appears directly inside the image (magnifier style).
• Mobile mode is activated automatically on screens smaller than 640px, with the zoom pane shown above the image for better responsiveness.
• Flexible zoom control: the zoom factor is set manually (e.g., 5 for 5× magnification).
• Optional bounding box to highlight the zoom area — useful for large screens.
• Touch support for zoom on mobile devices.
• Manual zoom initialization: if needed, you can enable zoom on any image manually using the attribute: data-nevigen-product-zoom="URL_of_full_image"

Compatibility and requirements

• Support for JoomShopping 5.x and Joomla 4 / 5.
• No template modifications required as long as the standard JoomShopping structure is preserved. For proper operation, your template must include an element with id="main_image_(image_id)" — the container of the main product image. Alternatively, use manual initialization by adding the attribute to the middle image.
• Compatible with dynamic image switching (thumbnails) — the zoom effect updates in real time without reloading the page.
• Responsive display and a JavaScript implementation without a jQuery dependency.