B3 Swatches Article

Swatch Types

Use button, color, image, or number swatches, then add dual-color rendering when an option needs two tones.

Introduction

Swatch type decides what the customer sees for each option: text, color, image, or number. Defaults usually live on the attribute term, and product-level overrides let you change that output for a specific product.

Core swatch types

Button, color, image, and number swatches cover the main storefront cases.

Dual-color support

Enable a second color when one option needs to communicate a paired palette.

Where to configure types

Set defaults on attribute terms and use product overrides only where a product needs different output.