> For the complete documentation index, see [llms.txt](https://options-docs-v2.avisplus.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://options-docs-v2.avisplus.io/shopify-options-styling/shopify-options-settings.md).

# 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.