[M 511] 8 col image slider, 4 col text on background
1 Headline 8 col slider
2 Headline 8 col slider
3 Headline 8 col slider
1 Headline 8 col slider
2 Headline 8 col slider
3 Headline 8 col slider
[M 511] 6 col image slider, 6 col text on background
1 Headline 6 col slider
2 Headline 6 col slider
3 Headline 6 col slider
1 Headline 6 col slider
2 Headline 6 col slider
3 Headline 6 col slider
[M 511] 4 col image slider, 8 col text on background
1 Headline 4 col slider
2 Headline 4 col slider
3 Headline 4 col slider
1 Headline 4 col slider
2 Headline 4 col slider
3 Headline 4 col slider
Image Sizes
Module |
Image |
Editor crop |
Editor note |
Srcset type(Display Density,Width Descriptor) |
WCMS src and srcset definition |
Sizes attribute |
|---|---|---|---|---|---|---|
| [M 511] 4 / 6 / 8 col slider with right / left position | 4 col | w: 800 h: flexible (recommended 1w) |
The height of the grey/orange box adapts to the current height of the
image. Note: if you add content to the box, please check the layout on all viewports. Images in slider must be cropped to the same height. |
WD | src="600" srcset="400 400w, 600 600w, 800 800w" |
sizes=(max-width: 764px) 100vw, (max-width: 1010px) 30vw, 21vw |
| 6 col | w: 1230 h: flexible (recommended 0.8w) |
The height of the grey/orange box adapts to the current height of the
image. Note: if you add content to the box, please check the layout on all viewports. Images in slider must be cropped to the same height. |
WD | src="923" srcset="615 615w, 923 923w, 1230 1230w" |
sizes=(max-width: 764px) 100vw, (max-width: 1010px) 45vw, 35vw | |
| 8 col | w: 830 h: flexible (recommended 0.6w) |
The height of the grey/orange box adapts to the current height of the
image. Note: if you add content to the box, please check the layout on all viewports. Images in slider must be cropped to the same height. |
WD | src="623" srcset="415 415w, 623 623w, 830 830w" |
sizes=(max-width: 764px) 100vw, (max-width: 1010px) 62vw, 45vw |