Product Ticker
An animated vertical product slide that loops through a series of product images with staggered upward transitions.
What It Does
The Product Ticker module displays a full-width section that cycles through product images in a looping vertical animation. On desktop, three product images appear side-by-side and shift upward in a staggered sequence every 2.5 seconds. On mobile, a single image transitions at a time. An optional product title is displayed as a large headline overlaid at the bottom of the section.
Best Used For
- Showcasing a product line or product range in a dynamic, attention-grabbing way
- Highlighting new arrivals or seasonal products on a homepage
- Brand sections where visual motion communicates energy and variety
- Full-width sections that benefit from cinematic product photography
Variants
Default
Three columns of product images loop in a staggered upward animation. A bold headline sits at the bottom of the section. On mobile, the layout collapses to a single centred column.
Best for: Product range reveals, campaign landing pages, hero alternatives
Fields Reference
| Field | Type | Required | Description |
|---|---|---|---|
| productTitle | component | No | Large headline text displayed at the bottom of the section |
| productImage | component | Yes | Collection of product images to rotate through (minimum 3) |
| entranceAnimation | component | No | Scroll-triggered entrance animation |
Tips for Great Results
- Use high-quality, consistently sized product images for a polished animation loop.
- Provide at least 6 images so the staggered three-column animation uses a distinct image in each position during a full cycle.
- Keep the Product Title short — it is displayed in a large, bold headline style and long text will wrap awkwardly.
- Works best with full-bleed product photography on dark or transparent backgrounds.
Supported Languages
Fully bilingual — the product title field supports both English and Thai content.