User interface controls
Last updated
Last updated
A configurator can be structured with several types of options that a customer can use. The following are available:
Tab
Fieldset
Select (+ Option)
String
Upload
Content
A model can be structured in several nested levels. The first level is always a tab.
Section
Description
Tabs
Tabs are the sections which the customer can choose from when configuring a configuration product.
Fieldset
A fieldset can has multiple fields underneath and can be set as an accordion by making it collapsable.
Selects
A select is an image driven select feature which allows users to make a certain selection.
Options
The type of option can vary from icons to texts and more.
String
A string is an input field for text input.
Upload
The upload allows for customers to add their own image upload to a certain select option.
Content
This feature doesn’t work by default and can be used in development to connect to a Wordpress Block which allows the configurator to be filled with rich edited content.
Number
A number digit input used for entering numbers via a range slider in the configurator.
Other fields
Description of other fields in a model.
Label square
Swatch Small
Icon and label small
Swatch Large
True / False
False / Icon square
Grouped A grouped presentation shows in a boxed area
A string is an input field for text input. Options within string input: Base price, special price, additional price per Char, Placeholder Text, Fixed Text, Regex Validation, Regex Validation Message, Max Length, Force Capital Letters, Default
This feature doesn’t work by default and can be used in development to connect to a Wordpress Block which allows the configurator to be filled with rich edited content.
Description Larger text displayed in a pop-up box when clicking read more
When the summary label checkbox is checked, the chosen option is shown next to the select. So this checkbox is only relevant for using in a “select” field. Example: The “Team Light Blue” is shown because the summary label checkbox is checked on the Selected Color select.