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. |
Last updated