Shortcodes

Place shortcodes in articles, Custom HTML modules, or any content that supports plugins.

Modern shortcode (recommended)

{cloudzoom folder="images/cloud" title="Product Zoom" thumbs="right" mode="lens" theme="modern-2026"}

Attributes

folder — path under the site root (e.g. images/cloud).
image / src — single image, or comma-separated list instead of a folder.
title — caption for the first image (others use the filename).
thumbs — right | left | top | bottom | none.
mode — lens or inner.
theme — modern-2026, minimal, or dark.
scale — zoom strength (e.g. 2.5).
accent — colour hex (e.g. #1819ed).
browser — 1 to show the browser chrome frame, 0 to hide it.

More examples

{cloudzoom folder="images/cloud" title="Inner Zoom" thumbs="bottom" mode="inner"}

{cloudzoom folder="images/cloud" title="Dark Studio" thumbs="left" mode="lens" theme="dark"}

{cloudzoom folder="images/cloud" title="Minimal" thumbs="top" mode="lens" theme="minimal"}

{cloudzoom image="images/cloud/Watch__steel-chronograph.jpg,images/cloud/Shoes__running-sneaker.jpg" title="Selected products" thumbs="right"}

Legacy shortcode (still supported)

{cloud-zoom}images/cloud/{title}Legacy Cloud Zoom{end-cloud-zoom}

Editor button

In the article editor, click Cloud Zoom. Fill in folder, title, thumbs, mode, and theme, then insert. No need to memorise attributes.

Note: Shortcodes inside <pre> / <code> blocks are left as plain text (handy for documentation demos).