> 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="https://4026661835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F50cmOdvfYj3qqQaTzKEI%2Fuploads%2Fgit-blob-55b41b75cff849b895d0c6c19d9424796a9e45ec%2Fimage.png?alt=media&amp;token=dcb7e95b-0042-4657-acd9-af52800a906c" alt=""><figcaption></figcaption></figure>

The page is organized into five groups:

<table><thead><tr><th width="221">Group</th><th>Covers</th></tr></thead><tbody><tr><td><strong>Swatch state</strong></td><td><a href="/swatch/global-settings/out-of-stock-display.md">Out-of-stock display</a>, <a href="/swatch/global-settings/non-existent-display.md">Non-existent display</a>, strike-through direction/color, <a href="/swatch/global-settings/two-color-swatch-split.md">Two-color swatch split</a></td></tr><tr><td><strong>Variant selection behaviour</strong></td><td>Variant preselection, Add-to-cart error message, dropdown placeholder, <a href="/swatch/global-settings/hide-single-variant.md">Hide single variant</a>, <a href="/swatch/global-settings/collection-click-behaviour.md">Collection page click behaviour</a>, <a href="/swatch/global-settings/tooltip.md">Tooltip</a></td></tr><tr><td><strong>Automatic badges</strong></td><td><a href="/swatch/global-settings/automatic-badges.md">Sold out, Low stock, New, and On sale</a> badges, based on store-wide rules</td></tr><tr><td><strong>Position and images</strong></td><td>Image swatch size</td></tr><tr><td><strong>Advanced</strong></td><td><a href="/swatch/global-settings/custom-css.md">Custom CSS</a></td></tr></tbody></table>

## 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="https://4026661835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F50cmOdvfYj3qqQaTzKEI%2Fuploads%2Fgit-blob-40ffa2fb9b8581833c5a53e19e8a26c8db84e73b%2Fimage-swatch-size.png?alt=media&amp;token=d907de90-6c8b-4f24-84c1-d12c89c776f6" 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.