Dropdown

Allowing users to select options from a drop-down button

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.

Add a dropdown option set

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'.

Dropdown edit page

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.

Edit Variant Popup Window

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 Model
  • Select 3D Parts - choose the 3d parts you want to be affected by this variant (for example frame part of a bike)

Select 3D Part
  • Select Material - choose a material that the configurator will apply once the variant is selected (for example yellow color for frame)

Select Material

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:

Dropdown variant

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.

Dropdown block

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.

Dropdown in Preview mode

Last updated

Was this helpful?