Easy Cloud Zoom
Image Gallery with Zoom Effects Joomla Plugin
J4 J5 J6 Plugin P2.0
Current Version0.33K
Active UsersSee our product features
Lens & Inner Zoom
Lens mode
Classic magnifier that follows the pointer or finger.
Inner mode
Zoom fills the main frame — clean on dark themes and mobile.
Thumbnail Gallery
Four positions
Thumbs on the right, left, top, or bottom — or hide them.
Scroll + keyboard
Nav buttons (no scrollbar chrome) and arrow keys to change images.
Themes & Accent Colour
Modern 2026 / Minimal / Dark
Match your brand with a theme and accent (default #1819ed).
Optional browser chrome
Pop Any–style traffic-light frame when you want a premium card.
WebP Resize Cache
Smart cache
Main images + sharp square thumbs under images/cloud_zoom_cache/.
Folder or file list
Load a whole folder or pick specific images in one shortcode.
Vanilla JS / CSS
Modern stack
jx-ecz prefixed assets — no legacy Cloud Zoom / jQuery dependency.
Touch friendly
Works on phones and tablets with responsive thumb strips.
Editor Button + Shortcodes
Cloud Zoom toolbar button
Modal builder for folder, title, thumbs, mode, theme, and more.
Modern + legacy syntax
{cloudzoom …} recommended; old {cloud-zoom}…{end-cloud-zoom} still works.
Joomla 4 / 5 / 6
Services architecture
Namespaced system plugin + editors-xtd in one package.
Install once
pkg_cloud_zoom_2.0.zip ships both extensions ready to enable.
Aspect-Correct Zoom
No stretched zoom
Magnifier maps to the real rendered image box (object-fit contain).
Crisp thumbnails
Square crop-fill thumbs sized for retina displays.
Lens mode
Classic magnifier that follows the pointer or finger.
Inner mode
Zoom fills the main frame — clean on dark themes and mobile.
Four positions
Thumbs on the right, left, top, or bottom — or hide them.
Scroll + keyboard
Nav buttons (no scrollbar chrome) and arrow keys to change images.
Modern 2026 / Minimal / Dark
Match your brand with a theme and accent (default #1819ed).
Optional browser chrome
Pop Any–style traffic-light frame when you want a premium card.
Smart cache
Main images + sharp square thumbs under images/cloud_zoom_cache/.
Folder or file list
Load a whole folder or pick specific images in one shortcode.
Modern stack
jx-ecz prefixed assets — no legacy Cloud Zoom / jQuery dependency.
Touch friendly
Works on phones and tablets with responsive thumb strips.
Cloud Zoom toolbar button
Modal builder for folder, title, thumbs, mode, theme, and more.
Modern + legacy syntax
{cloudzoom …} recommended; old {cloud-zoom}…{end-cloud-zoom} still works.
Services architecture
Namespaced system plugin + editors-xtd in one package.
Install once
pkg_cloud_zoom_2.0.zip ships both extensions ready to enable.
No stretched zoom
Magnifier maps to the real rendered image box (object-fit contain).
Crisp thumbnails
Square crop-fill thumbs sized for retina displays.
Need help getting started?
Our comprehensive documentation provides step-by-step instructions for setting up and installing Easy Cloud Zoom.
We have a pricing plan that's perfect for you!
Choose the subscription plan that suits you.
$9
$19
$29
$49
Frequently Asked Questions
A Joomla product-zoom gallery plugin. Point it at a folder (or image list) and visitors can magnify details with lens or inner zoom.
Version 2.0 is a full rebuild for Joomla 4 / 5 / 6: vanilla JS/CSS (no jQuery), themes, WebP cache, and an editor button.
pkg_cloud_zoom_2.0.zip installs two extensions:
- System plugin: System - Easy Cloud Zoom
- Editor button: Editor Button - Easy Cloud Zoom
Joomla 4, 5, and 6. PHP 8.0+ is required.
Enable System - Easy Cloud Zoom, then insert a shortcode in an article or Custom HTML module.
Example: {cloudzoom folder="images/cloud" title="Product Zoom" thumbs="right" mode="lens"}
Or click the Cloud Zoom editor button and fill in the form.
Yes. Legacy syntax still works after upgrade:
{cloud-zoom}images/cloud/{title}Title{end-cloud-zoom}
Lens — a magnifier box follows the pointer.
Inner — the zoom fills the main image frame.
Yes — right, left, top, bottom, or none.
Set the default in plugin settings, or override per gallery with thumbs="left".
Yes. On smaller screens, side thumbnail strips stack and scroll horizontally.
Touch drag works for zoom; nav chevrons match the scroll direction.
JPG, JPEG, PNG, GIF, and WebP.
Use Content → Media and store files under images/.
Example folder: images/cloud.
Tip: name files like Shoes__running-sneaker.jpg for clean captions.
Under images/cloud_zoom_cache/ (large/ and thumb/, plus WebP subfolders when enabled).
Delete that folder to force a rebuild.
Enable Editor Button - Easy Cloud Zoom.
In the article editor, click Cloud Zoom, set folder / title / thumbs / mode / theme, then Insert shortcode.
Yes — set browser="1" in the shortcode, or turn on Browser Chrome in plugin settings.
Leave it off if your page already wraps demos in a browser mockup.
Yes. Use multiple shortcodes; each gallery runs independently.
Raise Thumb Width / Height in plugin settings (160×160 is recommended), clear images/cloud_zoom_cache/, and hard-refresh the page.
Confirm System - Easy Cloud Zoom is enabled, the folder path is correct, and images exist under images/.
Shortcodes inside <pre>/<code> are intentionally left as plain text.
Still have questions?
Related Extensions
Create Your Own Joomla Module for Free!
Use our Free Joomla Module Generator to quickly create custom modules for your website.