Create a Dropdown Menu

1. How Does the Dropdown Menu Display?

The dropdown menu in OPIS Product Options allows customers to select an option from a predefined list instead. When clicked, the menu expands, displaying the available choices in a structured way, making the selection process easier.

Example of how it appears on a product page:

A T-shirt product with a dropdown menu to select size: S, M, L, XL.

2. How to Create a Dropdown Menu

Step 1: Add a New Option

Click Add Option > Dropdown menu to create a new option

Step 2: Add information to the Dropdown Menu

Enter a label for the dropdown (e.g., "Select Size", "Choose Color")

Add the option values (e.g., S, M, L, XL).



Other features:

Price Add-On > Create Fee – What is it & How to Use

Price Add-On > Assign to Variant – What is it & How to Use

SKU – What is it & How to Use

Quantity – What is it & How to Use

Step 3: Advanced Settings (If Needed)

Conditional Logic: Enable conditional logic if you want the dropdown to appear only when a customer selects a specific option from another field. How to use?

Example: A “Customization” dropdown appears only if the customer selects “Yes” for “Would you like to personalize this item?”



Helptext: Add a short description or tooltip to explain the purpose of the dropdown.

Example: “Please choose your preferred size before adding to the cart.”



Default value: Set a default selection for the dropdown if you want customers to have a pre-selected choice.

Example: Default size selection set to "M" for a T-shirt.



Default text on dropdown: Display placeholder text in the dropdown before the customer makes a selection.

Example: “Select a size” or “Choose an option.”



Search bar: If your dropdown contains a long list of options, enable a search bar to make it easier for customers to find their preferred choice.

Example: A dropdown with 20+ country options for customization.

Step 4: Save and Test

Click Save to apply the settings.

Visit the product page on your store to check if the dropdown menu works correctly.

3. Real-World Applications of Dropdown Menus

Dropdown menus are useful for products with multiple variations:

Fashion: Choose size, color, or fabric type.

Electronics: Select storage capacity, color, or bundle options.

Personalized Services: Choose engraving styles or packaging types.

4. Key Features of Dropdown Menus

Clean and user-friendly display: Saves space on the product page.

Updated on: 26/04/2025