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.