> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help-option.ymqapp.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Image and Color Dropdown

1. [Option](/ymq-options-v2/option)
2. [Selection Option Type](/ymq-options-v2/option/selection-option-type)

# Image and Color Dropdown

📌 The **Image Dropdown** and **Color Dropdown** option allow you to present color and image options in a dropdown format, providing a visual representation of the available choices for your customers. This can improve the user experience by making it easier to select color or image options directly from a dropdown menu. _**(**_**Advanced** _**Plan Feature)**_

---

**🔧 Basic Settings**

* **Name** – Change the display name shown to customers.
* **Required Field** – Make the field mandatory before form submission.
* **Column width** - Option represents a percentage of the overall width, e.g., 100%, 50%.
* **Add-on Price** – Add an extra cost when a customer fills out this field.
* **Conditional Logic** – Show/hide this field based on other option selections.

---

**💡 Advanced Settings**

1

☑️ **Allow multiple**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/1/0/f/b10f7c257bcbd000/77393a0f-effc-4693-beac-467324_1wt59f5.jpg)

2

🔍 **Enable search in dropdown**

![](https://storage.crisp.chat/users/helpdesk/website/-/4/8/1/0/481041c116dbd800/7aec39ca-c78b-46e2-b29a-e69618_17yn69e.jpg)

3

✅ **Show checkbox**

![](https://storage.crisp.chat/users/helpdesk/website/-/7/6/e/a/76eaeeeb7da5e800/107f2ff4-6ca3-405c-919e-cb67c7_1vyq2j3.jpg)

4

🖼️ **Image & color**

Each option value can be set as either an image or a color, enabling you to create a dropdown that contains both types.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/5/a/555a2548b173c000/f27d5094-3b7b-46f7-83f2-6b24e4_1xyho75.jpg)