Shortcodes

Shortcodes are the blocks you build pages with. In the page editor, click Shortcode in the toolbar, pick one, fill in its form and insert it. You can also type a shortcode by hand:

[promo-banners banners_quantity="1" banners_image_1="banners/sale.jpg" banners_title_1="Save up to 50%" height="strip"][/promo-banners]

Shortcode	Purpose	Needs plugin
[hero-slider]	Fading slides with text and two buttons
[image-tiles]	Grid of linked images with captions
[promo-banners]	1–3 offer banners, or one wide "strip"
[image-banner]	Split image/text, or text on a full-width image
[editorial-text]	Narrow centered heading and paragraphs
[divider]	Thin line between two sections
[product-showcase]	Products as a slider or grid	Ecommerce
[category-tiles]	Product categories as image tiles	Ecommerce
[brand-logos]	Brand logo slider	Ecommerce
[latest-news]	Featured or latest blog posts	Blog
[newsletter-band]	Newsletter sign-up section	Newsletter

Common options

Most section shortcodes share these fields.

Heading

Field	Notes
Subtitle	Small text above the title.
Title
Description
Button text / Button URL	Not on every shortcode. Leave the text empty to hide the button.

Section

Field	Values
Vertical spacing	Default, Small, None
Background	None, Light grey, Dark

Hero slider

[hero-slider] shows full-width slides that fade into each other. Up to 6 slides.

Each slide

Field	Notes
Image	Required. Recommended 1920×1080. Slides without an image are skipped.
Mobile image	Optional, 800×1200. Shown on small screens.
Subtitle, Title, Description
Button text / URL	First button.
Second button text / URL

Options

Field	Values
Height	Full screen (default), Large (80% of screen), Medium (60%), Wide banner (1920×750 ratio)
Text position	Bottom left (default), Center left, Center, Bottom center
Image overlay	Soft gradient (default), Dark, None
Text color	Light (for dark images) (default), Dark (for light images)
Autoplay delay	Milliseconds between slides. Default 6000; 0 turns autoplay off.

To lay the header over the slider, turn on Theme options → Header → Transparent header over the hero slider.

Image tiles

[image-tiles] shows a grid of linked images with captions, e.g. Beanies, Caps, Fedoras, Sunhats.

Each tile: Image, Subtitle, Title, Link text, URL.

Field	Values
Columns	Tiles per row.
Image ratio	Portrait (3:4), Tall (2:3), Square, Landscape (4:3), Wide (3:2)
Caption	On the image, On the image, bottom center (box on hover), Below the image
Width	Page width, Full screen width

Also has the heading and section options.

Promo banners

[promo-banners] shows 1 to 3 offer banners side by side, for example "Best sellers / Exclusive offer 40% off". With a single banner and the Strip height you get a wide sale band ("Save up to 50%").

Each banner

Field	Notes
Image	900×500 (strip: 1920×530).
Subtitle	Light text above the title.
Title
Offer text	e.g. "40% off".
Button text / URL
Text color	Dark (for light images), Light (for dark images)
Text position	Left, Center, Right

Options

Field	Values
Height	Strip (1920×530, for one banner), Short (2:1), Wide (16:9), Medium (16:10), Tall (4:5)
Width	Page width, Full screen width

Image banner

[image-banner] is a call-to-action block with one image.

Field	Values
Layout	Split: text left, image right, Split: image left, text right, Full width: text on the image
Image / Mobile image
Subtitle, Title, Description, Button text / URL
Second button text / URL
Panel color	Background of the text panel in split layouts.
Text color	Dark, Light
Text position	Center, Left, Right, Bottom left (full-width layout)
Height	Auto, Medium (70% of screen), Full screen

Editorial text

[editorial-text] is a narrow column with a heading and paragraphs, for brand stories.

Field	Notes
Image	Optional.
Subtitle, Title, Description	Separate paragraphs in Description with a blank line.
Button text / URL
Alignment	Center, Start

Divider

[divider] draws a thin line between two sections.

Field	Values
Vertical spacing	None, Small, Default

Product showcase

[product-showcase] shows products as a slider or a grid. Needs the Ecommerce plugin.

Field	Values
Products	Latest, Featured, On sale, Trending, From categories, From collections, Selected products
Categories	When From categories.
Collections	When From collections.
Products	When Selected products.
Limit	Number of products.
Layout	Intro on the left + slider, Heading on top + slider, Heading on top + grid
Columns	Products per row.

Also has the heading and section options.

Category tiles

[category-tiles] shows product categories as image tiles. Needs the Ecommerce plugin. Each category needs an image (Products → Product categories → Image).

Field	Notes
Categories	Pick the categories to show, in order.
Tile link text	Text of the link on each tile. Default "Discover".
Columns	Default 3.
Image ratio	Portrait (3:4), Tall (2:3), Square

Also has the heading and section options.

Brand logos

[brand-logos] shows a slider of brand logos, e.g. "Top hat brands". Needs the Ecommerce plugin. Only brands with a logo are shown.

Field	Values
Brands	Featured brands, All brands
Limit
Columns	Logos visible at once.

Latest news

[latest-news] shows blog posts. Needs the Blog plugin.

Field	Values
Posts	Featured posts, Latest posts
Limit
Columns

Newsletter band

[newsletter-band] is a newsletter sign-up section. Needs the Newsletter plugin.

Field	Notes
Subtitle, Title, Description
Background image	Optional.

Also has the section options; the background defaults to Light grey.