---
title: "Components"
description: "Build your slides with heroes, images, product lists, variation lists and product groups."
url: "https://unipage.be/en/support/unisignage/components"
---

# Components

You build every slide from components. Under the display settings, choose a basic layout (for example two components side by side) and define each component via **Add component**.

## Hero: highlight one item

Put one product in the spotlight: upload a product photo, choose where the photo and the text go via **Choose variant**, and fill in the title, accompanying text, price and currency. At the bottom of the page, you can remove the hero again.

## Image

Simply show an image: upload a photo or choose one from the library. Use **Background image 2** to place a transparent photo on top of the first one. Save regularly as you go.

## Product list

A list of items, with the category name above it (leave it empty and there is more room for products). Choose one or more columns, and enter the products manually or pick them from your product database. You also set the margins (at least 2 recommended), show icons next to products if you like, choose a normal or compact size, and switch the lines between items on or off.

## Product variation list

Several prices next to the same product, for example small, medium and large:

- Enter the titles of the price variations, separated by a comma without spaces: this creates the price columns.
- If you like, change the product name for the screen only (for example "kleine friet" becomes "Verse frietjes"), without changing the POS or webshop.
- Add subtext below the item, or a badge next to it (always with a green background).

## Product group

Present a complete concept made up of several items, usually a menu: give the group a title, add items (you change the name anyway and the item price is not shown), put accompanying text below each item and, if you like, work with price variations as in the product variation list: names and prices in the same order, separated by commas without spaces.

---
*This is a markdown version of [https://unipage.be/en/support/unisignage/components](https://unipage.be/en/support/unisignage/components) for AI/LLM use. Every page on https://unipage.be is available as markdown by appending `.md` to the URL; see also [https://unipage.be/llms.txt](https://unipage.be/llms.txt).*