Here’s a quick guide to all swatch styles you can use.
Color Swatches
| Style | Best for | What customers see |
|---|
| Rounded Swatch | Color | Circular color dots |
| Square Swatch | Color | Square color squares |
| Image Swatch | Color (with product images) | Product photos as swatches |
| Pill with Rounded Swatch | Color | Pill with color circle and option name |
| Rectangle with Rounded Swatch | Color | Rectangle with color circle inside |
| Style | Best for | What customers see |
|---|
| Rectangle Button Swatch | Size, Style | Rectangular buttons (S, M, L) |
| Pill Button Swatch | Size, Style | Rounded pill buttons |
| Button with Image Swatch | Color, Style | Button with optional image |
Dropdown
| Style | Best for | What customers see |
|---|
| Dropdown Swatch | Size, long lists | Standard dropdown menu |
Choosing a Style
- Color options → Rounded, Square, or Image Swatch (Image when you have variant photos)
- Size options → Pill Button, Rectangle Button, or Dropdown
- Style / Material → Button styles or Dropdown
- Long lists → Dropdown often works best