Teaser and Text
- Marta Siewierska-Stańczak
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
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
URL | Mobile | Desktop |
|---|---|---|
Teaser and text with custom background color |
| |
|
| |
|
|