> For the complete documentation index, see [llms.txt](https://docs.optis.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.optis.me/swatch/global-settings/global-settings-overview.md).

# Global settings overview

**Global Settings** control behaviors and appearance that apply across your whole store, no matter which display type a product uses.

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

Open the **Global settings** page in the app to manage:

<table><thead><tr><th width="221">Setting</th><th>What it controls</th></tr></thead><tbody><tr><td><a href="/pages/LSjO7KxsKpNe75QmlWNu"><strong>Out-of-stock display</strong></a></td><td>How sold-out variants (exist but 0 available) look: no change, strike-through, gray out, or hidden</td></tr><tr><td><a href="/pages/1lx9a8fF7Vxh7tvJA3m0"><strong>Non-existent display</strong></a></td><td>How option combinations that were never created as a variant look: no change, strike-through, gray out, or hidden</td></tr><tr><td><a href="/pages/dCaJXuijWp5reLfgY96I"><strong>Two-color swatch split</strong></a></td><td>How a swatch with two colors is split: diagonal, horizontal, or vertical</td></tr><tr><td><a href="/pages/e3cGf7on3oyTtTrfdFW3"><strong>Auto sold-out badge</strong></a></td><td>Automatically show a "Sold out" label on every out-of-stock variant store-wide, with no manual assignment</td></tr><tr><td><strong>Tooltip</strong></td><td>Show the option value name in a tooltip when hovering a swatch</td></tr><tr><td><strong>Image swatch size</strong></td><td>The pixel size used to render image swatches</td></tr><tr><td><a href="/pages/i26qaitqM7wEAIgXXind"><strong>Custom CSS</strong></a></td><td>Advanced styling with your own CSS</td></tr></tbody></table>

## Tooltip

Turn **Tooltip** on to show the option value (for example, "Royal Blue") in a small tooltip when a customer hovers over a swatch. This is helpful when the color alone is not obvious.

## Image swatch size

Image swatches are rendered at a fixed size (default **450 x 450 px**, adjustable from 20 to 1200). If you increase the swatch display size but swatches look blurry, raise this value so the source image is sharp.

<figure><img src="/files/k61WeuN7SfoJ57RqAiIQ" alt="Swatch image optimization width and height settings in Global settings"><figcaption></figcaption></figure>

{% hint style="info" %}
See [Why is my image swatch blurry, and how can I fix it?](/swatch/frequently-asked-questions/why-is-my-image-swatch-blurry-and-how-can-i-fix-it.md) for details.
{% endhint %}

Remember to click **Save** after changing any global setting.
