Color picker

This is a quick overview of the Color picker option.

Step 1: Please create an option set (follow this guide for more details)

Step 2: Choose option type: Color picker and set the General Information

Step 3: Set the target of Price add-on (optional)

See details of this feature in How to add price to options?.

If you choose to Assign to variant, follow this guide for more information.

Step 4: Set up Advanced option settings (optional)

If you want to set up conditional logic for your option, read this article for more information: How to set up the Conditional Logic Options.

● Required field: When you choose Yes, that field will be required to fill in.

Here is an example of how it looks like in your storefront:

● Placeholder text: you can set up Placeholder text to give your customers a clear example of what should be filled in the field.

Here is an example of how it looks like in your storefront:

● Help text: Help text can be displayed as Tooltip or Content.

○ Tooltip:

Here is an example of how it looks like in your storefront:

○ Content:

Once you set it to display as Content, you can choose its position as: Below the option title, Beside the option title, or Below all options.

Here is an example of how it looks like in your storefront:

Step 5: Make sure your settings are correct and Save

If you have a problem when setting up this feature, please feel free to reach us at [email protected] or Live Chat if you need any assistance.