Swatches

Different attributes can be presented on the storefront in different options.

With configurable products, when a particular product option is not available, the product swatch cannot be chosen as the swatch button becomes disabled. For configurable products, you can choose between a visual swatch, text swatch, or a dropdown input control.

With the ScandiPWA theme, you are welcome to use any type of swatches:

SWATCH TYPE	STATUS	DESCRIPTION
Text-Based	SUPPORTED	Text-based swatches are button-like swatches with text labels inside. In the layered navigation, text-based swatches are rendered horizontally.
Visual	SUPPORTED	You can pick any color from the color picker or enter any hexadecimal value to select a color for your swatch. For specific patterns, you are welcome to upload an image to be displayed in the swatch. In the layered navigation, visual swatches are rendered horizontally.