For the complete documentation index, see llms.txt. This page is also available as Markdown.

Is it possible to customize how swatches look?

Yes! You can fully customize how your swatches appear, including color, size, shape, borders, and more, for both the product page and the collection page.

💡 Use this to match your option styles with your store’s branding and make them look consistent across pages.

✅ To customize the display style:

  1. Go to the “Styling” page in OPTIS Color Swatch

Styling page in the app
  1. Choose display style that you want to customize the appearance: Swatch / Button / Dropdown

  2. You’ll see two tabs:

  • Product Page - to style how it appears on product detail pages

  • Collection Page - to style how it appears on collection page

Product Page and Collection Page tabs in the Styling settings
  1. In each tab, you can adjust the settings to fit your needs

Adjusting swatch appearance settings in the Styling page
  1. Click Save to apply your changes.

For a full list of every styling setting, see Styling settings reference.

Last updated