Color dropdown menu
Last updated
Last updated
The Color Dropdown Menu option type allows customers to select from a list of colors presented in a dropdown format. This option type is ideal for products that come in various colors, providing a visual representation along with a textual description for each color option.
The internal name used to identify this group of color dropdown options within your app. It helps you organize and manage your product options effectively.
This label appears next to the color dropdown menu on the product page, guiding customers on what the dropdown list represents (e.g., "Select Color" or "Choose Shade").
The label shown in the shopping cart, order details, invoices, packing slips, order confirmation emails, and other order-related documents. It clearly indicates the color selection made by the customer.
Allows you to link specific color options in the dropdown menu to external URLs. Customers can select these options to be directed to another page or site for additional information.
Add the different color choices available in the dropdown menu. Each option value includes a color icon where you can select any color you want, accompanied by a text box where you can fill in the name or description of the color. You can add these values individually using "Add option value" or in bulk using the "Bulk add" feature.
Set a default color option that will be pre-selected when the product page loads, guiding customers towards a recommended or popular choice.
Apply conditional logic to control when certain color dropdown menu options are displayed based on other selections made by the customer. This creates a more personalized and interactive shopping experience.
Make it mandatory for customers to select a color option from the dropdown menu before adding the product to their cart. This ensures that all necessary choices are made.
Option to hide the label next to the color dropdown menu on the product page for a cleaner, more streamlined appearance.
This feature allows an additional charge to be applied just once for a selected color option, regardless of the product quantity. It's useful for special features or add-ons that require a one-time fee.
Enable customers to specify the quantity for each color option in the dropdown menu. You can set minimum and maximum quantity limits for better control.
Add placeholder text that appears in the dropdown menu before a selection is made. This can prompt customers to make a choice (e.g., "Please select a color").
Provide additional information about each color option by adding tooltips. When customers hover over a color, the tooltip will display, offering further details.
Display help text below the dropdown menu to offer further explanation or instructions, helping customers make informed selections.
For advanced customization, add custom CSS class names to the color dropdown menu. This allows you to style it according to your brand’s design standards, ensuring a cohesive look across your product page.