Shopify color swatches done by product type and metafields

gistfile1.txt

{%- comment -%}
colors done by product type and metafields
{%- endcomment -%}

{%- capture the_type -%}{{ product.type }}{%- endcapture -%}


<div class="swatch_wrap">
{% for p in collections.all.products %}
	{% if p.type == the_type %}
			{% if p.id == product.id %}
			{% comment %}Active circle {% endcomment %}
			<div class="circle_swatch active" style="background-color:{{ p.metafields.accentuate.circle_color }};">
			</div>
            {% else %}
            <a href="{{ p.url }}">
            {% comment %}Linking circle {% endcomment %}
            <div class="circle_swatch" style="background-color:{{ p.metafields.accentuate.circle_color }};">
            </div>
            </a>
			{% endif %}
		{% endif %}
{% endfor %}
</div>