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

# 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@globo.io**](mailto:contact@globo.io)**.**.

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