# Shopify Options Settings

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F5wPj9vNlLR9LYrG86fi0%2Fimage.png?alt=media&#x26;token=08aab89a-fd53-4fa3-b9ed-a3186c061e87" alt=""><figcaption></figcaption></figure>

## Product Page Settings

These settings control how Shopify options styling appear on the **product page**.

* **Show on Product page:** Enable or disable displaying Shopify options styling on the product page.
* **Show option name:** Display the option label (e.g. *Color*, *Size*) above the option values.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FM0XoosktgMXTJTGGMzqK%2Fimage.png?alt=media&#x26;token=1166aef1-ce3f-49f0-b7a7-ebc1b2fc248b" alt=""><figcaption></figcaption></figure>

* **Show variant name on hover:** Show the variant name when customers hover over a swatch or option value.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FtjZcF0jCxf31GUwrmZOp%2Fimage.png?alt=media&#x26;token=1d798f6f-5384-488b-9322-ac6f38ac79b7" alt=""><figcaption></figcaption></figure>

* **Show image on hover :** Display the variant image when hovering over an option value.\
  Useful for image-heavy variants.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FFYvYSS6ESqtfCyqPY6Rf%2Fimage.png?alt=media&#x26;token=238da80b-5fa4-490c-a1c3-c9d8738a81c0" alt=""><figcaption></figcaption></figure>

* **Show on Featured product:** Apply Shopify options styling to **featured product sections** (e.g. homepage featured blocks).
* **Show on Quickview:** Enable Shopify options styling inside **Quick View / Quick Shop** modals (if supported by the theme).

***

## Collection Page Settings

These settings control how options appear on **collection pages**.

* **Show on Collection page:** Display Shopify options styling directly on collection listings.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FV5kd72fFcCAb4LbCaxFi%2Fimage.png?alt=media&#x26;token=450ece8c-f86c-4a6d-be2d-57c39577790f" alt=""><figcaption></figcaption></figure>

* **Show option name:** Show the option label above swatches or selectors on collection items.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2Fr8GECfB0nIdUEmkQoTY5%2Fimage.png?alt=media&#x26;token=81c17208-46a6-4472-830c-d9e39ff9fdbe" alt=""><figcaption></figcaption></figure>

* **Show variant name on hover:** Display variant names when hovering over swatches on collection pages.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FAvii8qEG4gTOb8dIQw3L%2Fimage.png?alt=media&#x26;token=c6b26d20-fcee-4719-87f3-970b03794141" alt=""><figcaption></figcaption></figure>

* **Show add to cart button:** Show an **Add to cart** button directly on the collection page.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F146WzlVOFVEzzBYAEkHg%2Fimage.png?alt=media&#x26;token=34d5d22c-fe1e-4847-a9e2-56151321a339" alt=""><figcaption></figcaption></figure>

* **Ajax “Add to cart”:** Add products to cart without reloading the page.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F8dSB7QEEUx513ScWEayt%2Fimage.png?alt=media&#x26;token=d8b4b913-d62b-47cd-b82d-ae54016e2db7" alt=""><figcaption></figcaption></figure>

* **Limit number of swatches:** Restrict how many swatches are shown.\
  If the limit is exceeded, a **“+” button** will appear to reveal more options.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FvdIwxuc7oxfVWNGnGfNU%2Fimage.png?alt=media&#x26;token=5a0ee12a-59e1-4a53-8225-bbbd5f31d400" alt=""><figcaption></figcaption></figure>

***

## Button Text Customization (Collection Page)

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FQbItW5Ule6W4I0UYs2Sm%2Fimage.png?alt=media&#x26;token=e8e4aea3-2e53-4350-b750-759bd920c489" alt=""><figcaption></figcaption></figure>

You can customize the text shown on buttons and status labels:

* **Add to cart** – Default text for the Add to cart button
* **Added to cart** – Text shown after a product is added
* **Sold out** – Text shown when a product or variant is unavailable

These fields allow you to match your storefront wording or language preferences.