# General Setting

## <mark style="color:blue;">App widget</mark>

#### <mark style="color:blue;">1.</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**App Position**</mark>

* You can configure **where the option set is displayed** on the product page.
* 💡 *For details, refer to the "*[*App Position*](/options/app-setting/set-option-set-position-on-product-page.md)*" section in settings.*

***

#### <mark style="color:blue;">2.</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Alignment**</mark>

* Control how the option fields are aligned:
  * **Left**
  * **Right**
  * **Center**
  * **RTL (Right-to-Left)** — useful for Arabic or Hebrew storefronts.

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

***

#### <mark style="color:blue;">3.</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Swatch Tooltip**</mark>

* **Show Swatch Tooltip:**\
  Display the option value (text or image) when customers **hover** over a swatch.

***

#### <mark style="color:blue;">4.</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Selected Value Display**</mark>

* **Show Selected Option Value Next to Label:**\
  Toggle ON to show the selected value beside the field label. Helpful for improving clarity.

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

***

#### <mark style="color:blue;">**5. Limit Height**</mark>

* Set a **maximum height** for the option set container.\
  If the content exceeds this limit, **a scrollbar will appear** for easier navigation.

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

***

### <mark style="color:blue;">**Page-specific Setting**</mark>

#### <mark style="color:blue;">1.</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Collection Page**</mark>

* **Show Widget on Quickview:**\
  Displays the options directly inside the **Quickview modal** on collection pages.

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

***

#### <mark style="color:blue;">2.</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Product Page**</mark>

* **Redirect to Cart After Adding Product:**\
  Enabled by default for **add-on products**.\
  Only supported on certain themes — [View supported themes](/options/app-setting/list-of-themes-supporting-ajax-cart-function.md).

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

* **Scroll to First Error Message:**\
  Automatically scrolls the page to the first incomplete/invalid field when submitting.

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

* **File Preview:**\
  In file upload fields:
  * Image files will show a **thumbnail preview**.
  * Other file types will show a **download link**.

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

***

#### 🛍️ **Cart Page**

* **Disable Quantity Box & Remove Button for Add-ons:**\
  Prevents customers from deleting add-on products manually, preserving pricing logic.

<figure><img src="/files/6oe0Io0sto787R52rPBZ" alt=""><figcaption></figcaption></figure>

* **Show “Edit Options” Button:**\
  Allows customers to go back and **change their selected options** directly from the cart page.

<figure><img src="/files/64gbJduQVNG4ffvCubOE" alt=""><figcaption></figcaption></figure>

***

#### <mark style="color:blue;">3.</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Other Pages**</mark>

* **Show Widget on Home Page** *(Featured product section only)*
* **Show Widget on Regular Page** *(Featured product section only)*

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

***

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email **<contact@globosoftware.net>**.

We’re always here and happy to help — with sincerity and care


---

# 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/options/app-setting/general-setting.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.