Last Updated: September 30, 2021
·
7.572K
· aczarto

Adding Color Swatches to your Shopify Store's Collection Page

This little bit of liquid code will allow your Shopify web store Collection page to display a color swatch for each color available for that product.

For each product, this will loop through all product variants looking for the “Color” variant. If found, it will display an image for each color available for that product. Useful to show the user that this product has multiple colors, and not just the color in the featured image.

Full post here:
http://czarto.com/2012/03/02/adding-color-swatches-to-your-shopify-collections-page/