Teaser and Text

TABLE OF CONTENTS

Summary

The teaser and text component is a component based on the image teaser component. Actually, this is an image teaser with a specific, very limited configuration.

Demo

User guide

2.1.18. Teaser and text

Configuration

The predefined not unchanging configuration of a teaser inside each teaser and text component is:

  • browser or content width teaser

  • grid (no slider on desktop)

  • only 2 items

  • one slide with an image, the other one only with text

  • items placed one below another on mobile

 

This configuration can be achieved with a standard image teaser. What makes image and teaser distinct is the possibility to switch slides on mobile and set them in the desired sequence:

  • an item with an image - an item with a text

  • an item with text - an item with an image

 

As teaser and text has also its own wrapper HTML class, it is possible to introduce slightly different styling on it, than on other image teasers.

 

Live shops customization examples