This is desktop banner template for Topscroll & Midscroll. It allows for up to 4 products to be displayed, each with up to 2 images, along with dynamic text elements that can be used for adding a CTA, price and description. Hovering over any of the images with the mouse cursor will display that image enlarged in a lightbox, allowing for users to take a closer look. The template also features customisable colours, logo, font & headline.
Initial state, all products are displayed side by side. | 
Hovering over image thumbnails launches a lightbox, allowing the full image to be viewed in more detail. |
Examples
Adventure Travel (topscroll)
Adore Skincare (midscroll)
Assets
Logo
PNG, WEBP, SVG, max 250kb.
Dimensions: Recommended size 300x100px or similar. Due to limited vertical space, we recommend using horizontal variants of logos where available.
Product Images
JPG, PNG, WEBP, max 250kb.
Up to 8 (template supports up to 4 products, with up to 2 images for each)
Dimensions: Recommended size 1280x720 or similar. By default images use the 'cover' scaling mode, so may appear cropped around the edges, but they can be set to 'contain' if necessary for your intended use.
Text Elements
Headline - Appears at the top of the banner, alongside the logo. Max 40 characters.
CTA - Appears as a button below each product. Max 20 characters.
Product Title - Appears in the coloured box above each product. Max 30 characters.
Product Plain Text (optional) - Plain text below product images, ideal for product descriptions, uses sans-serif font. Max 100 characters.
Product Decorative Text (optional) - Larger editable text below each product, uses custom Google font. Max 100 characters.
Format description and guidance
Add your default click URL. This is the landing page that clicking on the top brand bar or background will take you too. It will also be used as a default URL for products if they are not given their own landing pages.
Add your logo, headline & CTA text. Then you can customise the colours of the template. Additionally you may customise the font used by the headline, titles, decorative text & CTA by adding the name of any valid Google Font family.
Then for each product, add a title and upload 1 or 2 images. If you do not add a product title, that product will not be used. You may add a unique click URL for each product, otherwise the default click URL will be used. The optional text elements are versatile, and can be used in many ways, such as to adding descriptions & price information to each product.
The advanced settings contain additional options for customising the appearance of the template. You may:
- Flip the layout of the top header bar
- Modify the layout of the product images - column (stacked) or row (side by side)
- Change the scaling mode of each product image.
Max total file weight
The combined file weight of all assets must not exceed 3.5 MB.
Audio
No