# Shopify Option Settings

## How to Access

1. From your Shopify Admin, go to **Apps > Avis Product Options**.
2. Click **Setting** in the left sidebar.
3. Select **Shopify Design Setting**.

<figure><img src="/files/4AZwFEMcGflVoNEFGjG6" alt=""><figcaption></figcaption></figure>

## Product Page Settings

* **Show on Product page:** Enable or disable displaying Shopify Option Design on product pages.
* **Show option name:** Display the option name above Shopify variants.
* **Show variant name on hover:** Reveal the variant name when customers hover over an option.
* **Show image on hover:** Display the variant image on hover.
* **Show on Featured product:** Allow Shopify Option Design to appear on featured products.
* **Show on Quickview:** Display Shopify Option Design in quick view mode.

***

## Collection Page Settings

* **Show on Collection page:** Enable or disable Shopify Option Design on collection pages.
* **Show option name:** Display the option name above Shopify variants in collections.
* **Show variant name on hover:** Show the variant name when hovering over options.
* **Show add to cart button:** Add an **Add to Cart** button directly on collection pages.
* **Ajax "add to cart":** Allow customers to add items to the cart without reloading the page.
* **Limit number of swatches:** Control how many swatches are shown. If the number is exceeded, a **“+” button** will appear.
  * **Limit number field:** Enter the maximum number of swatches (e.g., *4*).

***

## Button Text Customization

You can also adjust the button text on collection pages to fit your store’s style:

| Button        | Default Text  |
| ------------- | ------------- |
| Add to cart   | Add to cart   |
| Added to cart | Added to cart |
| Sold out      | Sold out      |

👉 Remember to click **Save** after making any changes.

***

✨ With Shopify Option Design, you can override the default theme design to create a more engaging and customized shopping experience for your customers.


---

# 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/customizations/edit-extra-charges-notifications/shopify-option-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.
