> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/infinite-options/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/infinite-options/faqs-and-how-tos/why-is-my-swatch-pre-selected.md).

# Why is my swatch pre-selected?

Swatches in Infinite Options behave like **radio buttons**. By design, radio buttons always have one value selected, so the first swatch is automatically selected when the product page loads.

This is expected behavior and can't be changed for the **Swatches** input type.

### Can a swatch start with nothing selected?

Not when using the **Swatches** input type.

If you need customers to start with no option selected or be able to clear their selection, the available workaround is to use the **Multiple** input type instead.

### How does the Multiple input type work?

Unlike Swatches, the **Multiple** input type allows customers to:

* Start with no value selected.
* Select a value by clicking it.
* Deselect the value by clicking it again.

The tradeoff is that it behaves differently from a traditional swatch, so the interaction may feel less familiar depending on your storefront.

### How to change the input type

1. Open the option field in the Infinite Options dashboard.
2. Locate the **Input Type** setting.
3. Change the input type from **Swatches** to **Multiple**.
4. Save your changes.

<figure><img src="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2FR2rRJVJFHG6fmG9xjbgv%2Fswatch%20option.avif?alt=media&amp;token=3533cb7d-a68e-44e8-a976-279e70d7b9a4" alt=""><figcaption></figcaption></figure>

### Good to know

If you're using the **Multiple** input type and want customers to select at least one value before adding the product to their cart, you can enforce this by configuring **minimum and maximum selections** for the option.

<figure><img src="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2Fpc5Z8UFske7X2Odlq4RW%2FAdding%20Custom%20Color%20Swatch%20Options%20in%20Shopify%20Customizery%20-%20Step%200%20(1).jpeg?alt=media&amp;token=db5d9460-c845-4f83-a59c-326ec4ca6a72" alt=""><figcaption></figcaption></figure>

<figure><img src="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2F9LwYkvU0id47nt4fpT6j%2FConfigure%20Multi-Select%20Settings%20for%20Shopify%20Custom%20Options%20-%20Step%204%20(1).jpeg?alt=media&amp;token=203c49c3-1316-4361-92c4-a985ca9b62bc" alt=""><figcaption></figcaption></figure>
