Dropdown
Allowing users to select options from a drop-down button
Last updated
Was this helpful?
Allowing users to select options from a drop-down button
Last updated
Was this helpful?
When you add option sets to a configurator, in standard subscriptions, the platform offers 9 types of option sets. One of them is the "Dropdown" button, everyone knows how a dropdown button works, when you click on the button a scrolling list of options (variants) is displayed and users can select the desired one.
Add dropdown button
The way to add an option set is the same for all types, in other words, in the "Create Options" tab you have a drop-down button on the top right of the screen where you can add option sets. Find and select "Dropdown" and click the "Add block" blue button to add to your configurator.
Before being added to your block list, the platform will prompt you to first define your new dropdown button. We need to provide a Title and add Variants to create a 'Dropdown'.
When you click the blue "Add Variant" button in the bottom right of the screen, a pop-up window will open where you can create the first variant in the drop-down set of options.
There are 5 parameters where you can define a variant:
Title - name your variant inside the dropdown button
Variant Name - this name will not be visible in the configurator, it will be used only for internal purposes
Select 3D Model - choose one 3d model you want to use in this variant (for example a 3d bike)
Select 3D Parts - choose the 3d parts you want to be affected by this variant (for example frame part of a bike)
Select Material - choose a material that the configurator will apply once the variant is selected (for example yellow color for frame)
NOTE: Please note that not all parameters are mandatory, for example depending on the variant type you can skip the Material or not. In the example above we are creating a color variant, so we need a material (color).
Once you click 'Save' the first variant will be visible inside the Dropdown option set:
Repeat the process and add as many variants as you need (for example add another variant named ‘Red’). After clicking the 'Save' button it will create the dropdown button.
Once the new drop-down option set is added, it will be found last in the block list as shown in the above image. You can drag and drop anywhere in the list and reflect in your configurator. The dropdown button can be found anywhere along the option bar including outside a section. Now click the ‘Preview’ button and see how it looks on your configurator.
