Variants and swatches
Last updated
Last updated
Customize Theme → Theme Settings → Variants and swatches
Variants and swatches are essential features that enhance the browsing and shopping experience on a Shopify store. By offering customers the ability to view and select different product variations through intuitive swatches, merchants provide a seamless and interactive way for them to explore options and make informed purchase decisions.
Swatches option name: Here the user should enter the swatch option name that corresponds the option name in the Variants category in the product settings from the admin panel (refer to Admin panel → Products). If it's correctly setup, the following visualization of the swatch will be used by the theme: If not, the default visualization will appear:
Hex codes: Here the product colors should be described in the following format: 'Color name|Hex code of the color', for example: Blue|#008DCB or 'Color name|Swatch image', for example: Blue|blue.png (the swatch image file should be uploaded in the store).
Size option name: Here, the user should enter the 'Size option name' that corresponds to the option name in the Variants category in the product settings from the admin panel (refer to Admin panel → Products). ` If it's correctly setup, the following visualization of sizes will be used by the theme: If not, the default visualization will appear: