For QDL Tumblr Post #2 Pt.4

gistfile1.liquid

<ul class="selectedFilters">
{% assign curr_tags_count = current_tags | size %}

{% assign collTitleArr = collection.title | split: ' ' %}
{% assign collTitleStr = '' %}

{% for word in collTitleArr %}
    {% assign collTitleWord = word | capitalize %}
    {% assign collTitleStr = collTitleStr | append: ' ' | append: collTitleWord %}
{% endfor %}

{% if current_tags %}<li>Selected Filters for <strong>{{ collTitleStr | remove_first: ' ' }}</strong>{% if curr_tags_count > 1 %} | <a href="/collections/{{ collection.handle }}">Reset <i class="fa fa-times px-down"></i></a>{% endif %} | </li>{% endif %}

{% for tag in collection.all_tags %}
{% if current_tags contains tag %}
{% if tag contains 'width' and tag contains '08-12' %}
    <li>{{ tag | replace: 'width:', 'Width: ' | replace: '08', '8' | append: '" <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'width' and tag contains '08' %}
    <li>{{ tag | replace: 'width:', 'Width: ' | replace: '08', '8" and less <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'width' and tag contains '33-36' %}
    <li>{{ tag | replace: 'width:', 'Width: ' | replace: '33-36', '33-36" <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'width' and tag contains '36' %}
    <li>{{ tag | replace: 'width:', 'Width: ' | replace: '36', '36" and up <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'width' %}
    <li>{{ tag | replace: 'width:', 'Width: ' | append: '" <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'height' and tag contains '08-12' %}
    <li>{{ tag | replace: 'height:', 'Height: ' | replace: '08', '8' | append: '" <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'height' and tag contains '08' %}
    <li>{{ tag | replace: 'height:', 'Height: ' | replace: '08', '8" and less <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'height' and tag contains '33-36' %}
    <li>{{ tag | replace: 'height:', 'Height: ' | replace: '33-36', '33-36" <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'height' and tag contains '36' %}
    <li>{{ tag | replace: 'height:', 'Height: ' | replace: '36', '36" and up <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'height' %}
    <li>{{ tag | replace: 'height:', 'Height: ' | append: '" <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'price' and tag contains '25-50' %}
    <li>{{ tag | replace: 'price:25-50', 'Price: $25-50 <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'price' and tag contains '25' %}
    <li>{{ tag | replace: 'price:25', 'Price: Under $25 <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'price' and tag contains '100-200' %}
    <li>{{ tag | replace: 'price:100-200', 'Price: $100-200 <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'price' and tag contains '200' %}
    <li>{{ tag | replace: 'price:200', 'Price: Over $200 <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% elsif tag contains 'price' %}
    <li>{{ tag | replace: 'price:', 'Price: $' | append: ' <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% else %}
    <li>{{ tag | replace: 'brand:', 'Brand: ' | replace: 'finish:', 'Finish: ' | replace: 'light source:', 'Light Source: ' | append: ' <i class="fa fa-times px-down"></i>' | link_to_remove_tag: tag | append: ' | ' }}</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>