> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/swatch/product-variant-swatch/display-on-product-page/require-to-select-options-before-adding-to-cart.md).

# Require to select options before adding to cart

<figure><img src="/files/lnplZ35DB2SLfASHpcTq" alt=""><figcaption><p>Demo</p></figcaption></figure>

<mark style="color:blue;">Step 1: Enable Globo Color Swatch on the product detail page</mark>

* Open the **GLO Color Swatch** app from your Shopify admin panel.
* Navigate to the **Settings** section.
* Enable the **Swatch on Product Page** option to activate swatches on product pages.

<figure><img src="/files/urMuife1BEBYZ4sT2SJR" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">Step 2. Enable required swatch options and setup the required messages</mark>

<figure><img src="/files/8JWIrMwCS9BIkEwJMKVj" alt=""><figcaption></figcaption></figure>

***

## Not work?

Most themes are already fully compatible with our app. If you're experiencing any issues with your theme, feel free to contact us at <contact@globo.io>, and we'll be happy to assist with the integration.