> For the complete documentation index, see [llms.txt](https://docs.yaycommerce.com/yayswatches/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.yaycommerce.com/yayswatches/how-it-works.md).

# How It Works

Navigating to **WooCommerce** **> YaySwatches** allows you to see all the settings and options available for the YaySwatches plugin.

The main sub setting or options in this case include:

1. #### Variant Option Settings

   This will help you choose the style you want to display for variant options like color swatch, image swatch, button, dropdown.
2. #### Swatch Customizer

   This will help you customize the swatch color/image on your product page.
3. #### Button Customizer

   This will help you customize the swatch button on your product page.
4. #### Sold Out Customizer

   This will help you customize the appearance of out-of-stock variants.
5. #### Shop / Categories Customizer

   This will help you customize swatches on collection page.

See image reference below:

![](/files/zWJVVw551pu8zgJPs2lE)
