# Core features overview

***

## 🔹 [Variant Display (Shopify variants-based)](/swatch/variant-display/auto-image-swatch.md)

OPTIS 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 (Combine listings)](/swatch/product-groups/show-separate-products-as-variants-with-product-groups.md)

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

## 🔹 [Variant Images](/swatch/variant-images/show-images-per-variant.md)

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

## 🔹 Styling

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

## 🔹 Global Settings

Controls global behaviors and advanced appearance settings for your store.

* Customize how **out-of-stock** variants are displayed
* Enable or disable **tooltips**
* Add **custom CSS** for advanced styling needs


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.optis.me/swatch/getting-started/core-features-overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.