> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.optis.me/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Core features overview

1. [OPTIS Color Swatch](/swatch)
2. [Getting Started](/swatch/getting-started)

# Core features overview

This section explains how OPTIS Color Swatch works with your Shopify products, variants, and theme. Understanding these core concepts will help you configure the app correctly and avoid common setup i

---
## 🔹

OPTIS Color Swatch reads your existing **Shopify product variants** (such as Color or Size) and converts them into visual swatches / buttons / dropdown menus

* Works directly with Shopify variants (no new variants are created)
* Allows swatches to be displayed on:

* Product pages
* Collection pages

## 🔹

Product Group lets you group multiple products into a single variant-like experience.

* Each product acts as a variant option
* Clicking a grouped option redirects customers to the corresponding product page
* Useful when each color or style is a separate product in Shopify

## 🔹

Controls how product images are shown based on the selected variant.

* Updates the product gallery when a variant is selected
* Displays only images assigned to the selected variant
* Improves visual clarity and user experience

## 🔹

Customizes the appearance of variant displays across your store.

* Adjust size, alignment, colors, spacing, and visibility
* Applies globally to all enabled displays
* Can be updated anytime without affecting product data

## 🔹

Controls global behaviors and advanced appearance settings for your store.

* Customize how [out-of-stock](/swatch/global-settings/out-of-stock-display) and [non-existent](/swatch/global-settings/non-existent-display) variants are displayed
* Turn on store-wide [Automatic badges](/swatch/global-settings/automatic-badges) — Sold out, Low stock, New, or On sale
* Enable or disable **tooltips**
* Add [custom CSS](/swatch/global-settings/custom-css) for advanced styling needs