# Shopify Options Settings

<figure><img src="/files/P6nO6uDGFmRXJBu0Df4S" 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="/files/muaDKvtiD7jkBh6XhADa" 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="/files/mWUt91Rsf2FubRSwvGsV" 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="/files/7NVYHJQCRTTUeK4WCrmu" 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="/files/3srqF7oMLKQuF4GWqHas" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

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

<figure><img src="/files/SoGv1rwaTJsyGMHrc2GZ" 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="/files/kH30EoRtmy7oR4si6PDR" alt=""><figcaption></figcaption></figure>

***

## Button Text Customization (Collection Page)

<figure><img src="/files/ggLfRNh6qzpsJ9BNnL4P" 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.


---

# 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://options-docs-v2.avisplus.io/shopify-options-styling/shopify-options-settings.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.