title: How to filter Shopify collections by product type and tags
body: <p>I'm new to using Liquid code in Shopify and im trying to figure out how to implement a filter feature like shown in the image below (in the sidebar). Im able to display the tags, but my issue is showing the Type and then having the tags appended to the correlating Types. Here is a link to theme as it is now <a href="https://mela-projects-test.myshopify.com/collections/volume-4" rel="nofollow noreferrer">https://mela-projects-test.myshopify.com/collections/volume-4</a> 
  <a href="https://i.stack.imgur.com/oRRmM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oRRmM.jpg" alt="enter image description here"></a></p>
  
  <p>In the above URL im only able to show the tag "white" but not the "crewneck" type. The code is also below</p>
  
  <p>Thanks for your help! </p>
  
  <pre><code>&lt;div class="column w-col w-col-3"&gt;
    &lt;div class="filter-box"&gt;
      &lt;h5 class="collection-tile"&gt;{{ collection.title }}&lt;/h5&gt;
  
  
          {% for tag in collection.all_tags %}
          {% for product_type in collection.all_types %}
          {% if current_tags contains tag %}
  
          &lt;h6 class="active" id="types"&gt;
              {{ product_type | link_to_type }}
  
          &lt;/h6&gt;
          &lt;h6 class="active" id="types"&gt;
              {{ tag | link_to_remove_tag: tag }}
  
          &lt;/h6&gt;
  
          {% else %}
          &lt;h6&gt;
              {{ tag | link_to_tag: tag }}
          &lt;/h6&gt;
          {% endif %}
          {% endfor %}
          {% endfor %}
  
      &lt;p&gt;_________________&lt;/p&gt;
      &lt;a href="#" id="about-link"&gt;About/Backstory&lt;/a&gt;
      &lt;a href="#" id="contact-link"&gt;Contact&lt;/a&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>