Skip to main content

Variant list

We have a default widget to show a list of product variants. An example is shown below. It shows the variant in a couple of different views like in card form with the image as background the title of the template and the name of the category this template belongs to. When you click on it, it will show the product page.

Variant list widget

tip

You can customize this widget with your own theme. Read more on how to do this here

Settings​

This widgets comes with a couple of settings. You can change the template, of which we currently only support 3 types 'Card view', 'List view' and 'Vertical view'. You can also change the amount of products shown, the ordering and filter specifically on product type (courses vs programs only or both) or show only the variants for a specific product. In case you are showing planned courses, it is possible to enable / disable showing flexible courses.

Variant list widget

List view​

Variant list widget

Vertical view​

Variant list widget

Properties​

In this widget there is a difference between programs and courses. A program only shows the edition name, while a course shows the course variant, teachers if present and the start date if not flexible. Both show the price and available places together with the template and category names.