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?
- **Helptext: **Add a short description or tooltip to explain the purpose of the dropdown.
- **Default value: **Set a default selection for the dropdown if you want customers to have a pre-selected choice.
- Default text on dropdown: Display placeholder text in the dropdown before the customer makes a selection.
- 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.
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
Thank you!