There are four different types of Rixxo Image Banner each has a different number of columns:

Rixxo Image Banner 1 col Fullwidth
Rixxo Image Banner 2 col
Rixxo Image Banner 3 col
Rixxo Image Banner 4 col

Each widget wraps the images in a different way on mobile (4col wraps to 2 columns and 3 columns wraps to 1 column) but they all share the same style so that they can be added in any combination and they will blend in together in a grid style.

How to Add the Widgets

The widget can be added to CMS pages or to any other other dynamically generated page (categories, products, pages, etc).

Add to a CMS Page

Create or a edit a CMS Page

Click on Insert Widget

Choose one of the four types of Rixxo Image Banner

Fill in the widget fields.
Click on Insert Widget

Add to a Dynamic Page

Click on Content → Widgets

Click on Add Widget

Choose one of the four Rixxo Image Banners from the Type menu and choose Lumarix from the Design Theme then click continue.

Give the Widget a Title and assign it to a store.

Choose where to show the banner by clicking on Add Layout Update. You can add the widget to specific product types, specific products, categories, etc.
Choose a Container (Where on the page to display the widget)
Click on WIdget Options and fill in the widget fields

Widget Options

Background Image (you can select an image from the ones available on the website or upload a new one)
Link.
Open in new window: you can choose if you want to the link to open in the same page or in a new page.
Alt text. Add an alternative text to the image.
UTM source, Medium and Campaign. Add campaign parameters to your campaign to help with analytics.
Add ID / Class. You can add an ID and/or a class to the HTML so that it can be easily targeted by CSS or JS.

Browser not supported