Options component
advertise different products or options
- choose a scrolling effect
- use images as background
- place information that needs to be highlighted on top
- add links and buttons
The Options component lets you highlight certain information so it can be used to advertise different products or options for a product.
Introduction
The Options component uses background images on which text and links can be placed. The Options component itself only needs little configuration and after that is done Option Items are added inside the Options component. If multiple Option Items are added, they will be displayed beside each other. The text content is created with a Rich Text Editor, which allows for many styling options.
Example:
CMS settings
tab: General
In the General tab of the Options component, only the scroll effect needs to be set up.
tab: Spacing
After adding and configuring the Options component, the Option Items need to be set up. Once the Options component is placed the Option Items are available in the Options Menu in the Sidekick.
Double click on the blank Option Item to configure it.
tab: General
In the General tab of the Option Item, the text and alignments are set up.
tab: Image
tab: Links
Front-end examples
Effect: None
Effect: Mouseover Fade-In
Effect: On-Focus Fade-In
Effect: Understitial/Parallax
1 Option Item | Effect: None
2 Option Items | Effect: None
3 Option Items | Effect: None
4 Option Items | Effect: None
5 Option Items | Effect: None
Text Alignment Vertical
Buttons Alignment
Content Variation
Grid Position
Spacing
Step by step
1
2
3
Related topics
Used recurring elements
Help Center
Important links:
Topics:
- , Opens in a modal
- , Opens in a modal
- , Opens in a modal