> For the complete documentation index, see [llms.txt](https://awecommerce.gitbook.io/awe-color-swatches/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://awecommerce.gitbook.io/awe-color-swatches/getting-started.md).

# Getting Started

- [Enable the app embed](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/enable-app-embed.md): Turn on the AWE app embed in your theme so swatches can show.
- [Set up your first swatches](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/set-up-your-first-swatches.md): From your product options to swatches on your store in a few clicks.
- [Option styles](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/option-styles.md): Choose how each product option shows on product pages and collection cards.
- [Swatch styles explained](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/option-styles/swatch-styles.md): What each option style looks like and when to use it.
- [Custom colors & images](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/option-styles/custom-colors-and-images.md): Set a color, a two-color split or your own image for each option value.
- [Design](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/design.md): Fine-tune how each swatch style looks on product and collection pages.
- [Swatch](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/design/swatch.md): Shape, size, spacing and border colors of color and image swatches.
- [Card](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/design/card.md): Size, text and colors of image cards with the value name below.
- [Button](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/design/button.md): Shape, size and colors of text buttons like S, M, L.
- [Dropdown](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/design/dropdown.md): Width, height and colors of the dropdown option picker.
- [Compact display on collection cards](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/design/compact-display-on-collection-cards.md): Show a few swatches with "+N", a scrolling row, or all of them on product cards.
- [Product groups](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/product-groups.md): Link separate products together as swatches.
- [Create a product group](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/product-groups/create-a-product-group.md): Link two or more products as swatches in a few steps.
- [Manage product groups](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/product-groups/manage-product-groups.md): Find, edit, duplicate, pause and delete your product groups.
- [Reposition swatches on the product page](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/product-groups/reposition-swatches.md): Move the product-group swatches anywhere on your product page.
- [Variant images](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/variant-images.md): Show shoppers only the photos that match their selected variant.
- [✦ Auto-assign photos](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/variant-images/auto-assign-photos.md): Let the app sort your product photos into variant groups for you.
- [Set up a product](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/variant-images/set-up-a-product.md): Sort a product's photos into variant groups by hand.
- [Statuses & turning it on](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/variant-images/statuses-and-turning-it-on.md): What each variant-image status means and how to switch a product on.
- [Settings](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/settings.md): Store-wide settings — tooltip, sold-out display, position and custom CSS.