GET YOUR FIRST 14-DAYS OF PRO FREE

Dropdown

The dropdown step type is a commonly used step type to display all available options in a dropdown list. This saves a lot of space while also keeping the available options clear and compact.

The selected option will be displayed below the step as a confirmation to the user that he has selected the right option.

In this post:

How to configure

When creating a new attribute, select the “dropdown” template. And make sure you have type “Image” selected. “Color” or “Font” should also work. Curious what works well together? Click here to view the attribute support table.

Next, you can choose to set a style. Like rounded or squared. Or you can inherit from theme. You could even override the border radius there to a custom value. Custom styles should go in the Custom CSS field.

You can also choose to show or hide the summary. When you select “Show summary” the selected value will be displayed underneath the attribute label.

Example

We have created a demo product that showcases the dropdown attribute in action. Click the button below to see a live demo.

Product add-on: Dropdown

Attribute Types

Chevron icon
Toggle widget nav content

Hooks and Filters

Chevron icon
Toggle widget nav content