A responsive banner template that allows for the easy creation of a responsive product carousel. The template features an interactive carousel of up to 6 products, each of which can feature their own unique clickthrough URL, information and price.
Example
Format Specs
Product Image:
Up to 6 images - JPG or WEBP, 250kb Max.
The dimensions of your images depend on how you wish to configure the carousel.
| Products Per Slide | Dimensions |
1 | 2560x1440 |
2 | 1280x1440 |
3 | 853x1440 |
For best results, try to frame the crop of your images so that the subject is in the center, with plenty of clear space above, below, and around the sides. The brand logo will be overlaid at the top, so leave some space for it.
Logo:
Up to 640x320px (flexible) - SVG, PNG or WEBP with transparent background, 250kb Max.
For best results, export without any empty space. The logo will be scaled to be 10% of the total creative height, and positioned top-center.
Format description and guidance
Add a default click URL, which is triggered when a user clicks or taps on the logo.
Set your CTA text - this is text that will appear written on the click button of each product.
For each product, upload an image, add some descriptive text, a price, and a click URL. The number of products is flexible, so if less than 6 are needed, just leave any that are unrequired blank.
Finally you can customise the colours used by the template. You can change the default carousel interface colour, and the background colour and text colour of the product information boxes.
Max total file weight:
3.5 MB
Audio
None
Template Details
Automatically synced on 2026-02-11T14:27:19.517Z. This section documents the canvases, banner templates, and trafficking controls directly from the source configs.
Canvases: Desktop Topscroll, Mobile Topscroll, Desktop Midscroll, Mobile Midscroll
Banner templates: Fluid Product Carousel
Use the tables below to configure the linked banner templates. Each parameter definition is pulled straight from the template config, ensuring the spec always documents the latest functionality.
Fluid Product Carousel
A responsive carousel for Topscroll, with up to 6 products. · Version 1.1.0
General
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Default Click URL | Fallback click destination when a product click URL is not provided. | ||
| Logo | Brand logo displayed at the top of the carousel. | ||
| CTA Text | Text label displayed on the call to action element. | SHOP NOW |
Product 1
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Product Click URL | Destination when product 1 is clicked (falls back to Default Click URL if blank). | ||
| Product Image | Image asset representing product 1. | ||
| Product Text | Name or short description for product 1. | ||
| Product Price | Price displayed for product 1 (numeric or formatted). |
Product 2
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Product Click URL | Destination when product 2 is clicked (falls back to Default Click URL if blank). | ||
| Product Image | Image asset representing product 2. | ||
| Product Text | Name or short description for product 2. | ||
| Product Price | Price displayed for product 2 (numeric or formatted). |
Product 3
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Product Click URL | Destination when product 3 is clicked (falls back to Default Click URL if blank). | ||
| Product Image | Image asset representing product 3. | ||
| Product Text | Name or short description for product 3. | ||
| Product Price | Price displayed for product 3 (numeric or formatted). |
Product 4
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Product Click URL | Destination when product 4 is clicked (falls back to Default Click URL if blank). | ||
| Product Image | Image asset representing product 4. | ||
| Product Text | Name or short description for product 4. | ||
| Product Price | Price displayed for product 4 (numeric or formatted). |
Product 5
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Product Click URL | Destination when product 5 is clicked (falls back to Default Click URL if blank). | ||
| Product Image | Image asset representing product 5. | ||
| Product Text | Name or short description for product 5. | ||
| Product Price | Price displayed for product 5 (numeric or formatted). |
Product 6
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Product Click URL | Destination when product 6 is clicked (falls back to Default Click URL if blank). | ||
| Product Image | Image asset representing product 6. | ||
| Product Text | Name or short description for product 6. | ||
| Product Price | Price displayed for product 6 (numeric or formatted). |
Config
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Products per Slide | Number of products shown simultaneously in the carousel. | 3 | choices: 1, 2, 3, 4 | |
| Header Background Colour | Background colour of the carousel header bar. | #ffffff33 | |
| Header Background Blur | Intensity of blur applied behind the header. | Light | choices: Light, Heavy, Disabled | |
| Carousel Interface Colour | Colour used for carousel navigation and indicators. | #000000 | |
| Background Colour | Background colour of the carousel. | #ffffff | |
| Product Image Scaling Mode | Sets the scaling behaviour of the background asset. Cover leaves no empty space but can result in cropping. Contain prevents cropping but can leave empty space. Any empty space will be filled with the background colour. | cover | choices: cover, contain | |
| Product Text Background Colour | Background colour for product text. | #0000004d | |
| Product Text Colour | Colour of the product text. | #ffffff | |
| Display Mode | Determines the display mode of the carousel. | Topscroll | choices: Topscroll, Midscroll |