Topic
Overview
The 'Topic' block is the subject of the 'body' section and can be used to display content that needs to be extra visible. You can set it apart by adding a background color, use and image or video, etc..

Sample Topic block

Text
The text settings to the right of your screen allow you to add or edit content

Prefix

This is the very first text line visible in the Topic block, it's visible above the title in a small fontsize.
Title

This is the second text line, it's visible underneath the Prefix and printed in a large fontsize.
Subtitle

This is the third text line, it's printed underneath the Title in a semi large fontsize.
Text

This is the main Topic content. It's printed in a small fontsize. Depending on the length of your content the image to the left of the text will be automatically enlarged to fit the full size of the Topic block column.
Text align

This setting will align your text/content to the Left or Right.
Background
To customize the Topic block you can choose what will be displayed, you can pick an image, use a solid color or play a video.

Media Type

Select a still image or video from your media library.
Media url

Upload a new image or use an existing image from your library. Click the "Open Media Library" button and choose your image or video.
Media width

Set the size for your chosen image or video. You can select 40%, 50% or 60%. The image or video will be visible in a column to the left or the right of the Text content. You can change the alignment in the Text settings.
Enable sticky animation

When scrolling down the page the whole Topic block will stick to the top of your screen all other content blocks will scroll underneath. This feature can be used to give the block some extra visibility.
Background color

Click the rectangular box to pick a solid background color.
Text color

Click the rectangular box to pick a text color.
Media type -> Video -> Video autoplay

When enabled the video will start playing when opening the page. If not enabled play/stop buttons will be added.
Show controls

When enabled this will add play/pauze buttons to the Video.
Background type

Full will display the Topic across the full width of your screen. When you set this to Reduced it will add spacing/padding to the left and right side of your Topic block.
Supplements
Use the supplements tab to activate more features
Conditional media :
Use this when you want to show different images for different retailer locations.

.
- Url parameter name : add parameter name here, for example 'retailerId'
- Url parameter value : Add the parameter value here, for example 'FZKTA'
- Display media : Select images from Media Library or upload new images
Click "+ Add" to add multiple conditional images to this page.
Buttons
Buttons orientation

Buttons can be placed horizontal or vertical
Buttons align

Buttons can be aligned left, center or right.
Buttons -> Cards

Cards are used to fill out the display, content, and link of each button. Click the + Add button to add more buttons.
Button style
Choose between 6 different button styles. Depending on the chosen style you will have to change the text color to make the button text visible on your screen/button.


Button text
This is the text displayed on the button, when using multi-languages make sure to also enter the translations.

Button url :
First, use the dropdown and select "internal" or "URL". When using internal links make sure to make those relative. When using "URL" add the full URL to the website you want to link, so "https://your-website.com"