# Display on collection page, home page, other pages

## **Setting up**

### <mark style="color:blue;">**1. Enable option on collection page**</mark>

* Open the **Globo Color Swatch** app from your Shopify admin panel.
* Choose option show on **Collection Page** and Enable.

<figure><img src="/files/d8issKOm6N9icSBcFife" alt=""><figcaption><p>Enable option on collection page</p></figcaption></figure>

### <mark style="color:blue;">2. Choose display style</mark>

* Change the **style for each option** in the **Options list.** If you do not change, we display it as default type **Button**

<figure><img src="/files/P4yF7dJGilDujR3OWlu6" alt=""><figcaption><p>Change style option</p></figcaption></figure>

### <mark style="color:blue;">3. Save your change</mark>

<figure><img src="/files/7Vbkg6nqLrPU46yiFezS" alt=""><figcaption><p>Save your change</p></figcaption></figure>

### <mark style="color:blue;">4. Enable app embed & preview</mark>

* In **Online Store > Themes > Customize**
* Click to **App embeds** **>** find **Globo Color Swatch -> Enable**<br>

<figure><img src="/files/K14To8HxKHULdkMNM1Yi" alt=""><figcaption><p>Enable app embed</p></figcaption></figure>

## **Swatch still not showing on collection page?**

* Most of our themes have integrated swatch on collection page, if your theme is not working, please contact the support team, we will integrate it for you 💕
* If you are using app page builder, filter function, infinite scroll,... we can integrate it all, don't worry 🤗


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.globo.io/product-variants-swatch/display-on-collection-page-home-page-other-pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.