# 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*](https://docs.globo.io/options/app-setting/set-option-set-position-on-product-page)*" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2F53c5Nw7E94T9HVStRGCB%2Fimage.png?alt=media&#x26;token=4841eb5c-8b22-49b2-88e7-f79e0d83bdb2" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2F8eUxoNc2w16wmXr9q6Xh%2Fimage.png?alt=media&#x26;token=17a776e0-fb7f-4f1f-beb7-78ba6b61a2c1" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FlpdnODp5YrRjfggfrVaC%2Fimage.png?alt=media&#x26;token=266d278b-9c4a-45a9-8241-008c50a8d69f" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FytsqKJAJQiFyGge9kj7x%2Fimage.png?alt=media&#x26;token=f52ea5d8-032a-46b3-ab32-89b68c082707" 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](https://docs.globo.io/options/app-setting/list-of-themes-supporting-ajax-cart-function).

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FaclBKI2MuyTRXaLc4vU2%2Fimage.png?alt=media&#x26;token=c4249336-81e0-474f-9be9-f564b5ef3963" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FDk785gEO543VUPzYF95J%2Fimage.png?alt=media&#x26;token=8580a6e4-a1bd-443a-bc9b-31202da88e39" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FUNhBCdfAgHKLnGNJrjEO%2Fimage.png?alt=media&#x26;token=7ae92ac3-275e-47e5-9eb7-22e285563e4b" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FmGx9ZyClAkOAA19RU0Dg%2Fimage.png?alt=media&#x26;token=4d6cbfe1-2100-4a69-91b8-0ff3b7d48860" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FHFyfCRAVc4uEOLIF8O9o%2Fimage.png?alt=media&#x26;token=34f9d954-a957-4623-a5a4-c9e893d69fc2" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FRFL4Splns1SSJPbLpYQL%2Fimage.png?alt=media&#x26;token=83a4ab08-87ef-422e-9f2a-f487a9986a60" 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