Display variations? Or show that a product has variations?

Shopify Discussion
1

Hi,

I have several products that are variations.

For example: earrings in a range of colours. Tshirts in a range of patterns.

I am using the Dawn theme, is there any way to list each variation? I do not need to list each variation in colour and size, just in colour. Or is there a way to make it obvious (through swatches on the catalogue/category page) that the listing has options to choose from?

Thanks!

2

Hi,

Need to edit the Product Grid Item and add Swatches

Code example

{% for product in collection.products %}
  
    
      
      ## {{ product.title }}
    
    

      {% for variant in product.variants %}
        {% if variant.option1 == 'Color' %}
          
        {% endif %}
      {% endfor %}
    

  

{% endfor %}

use CSS to style the swatches

.color-swatches {
  display: flex;
  margin-top: 10px;
}
.swatch {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  border: 1px solid #ccc;
}