Tag filter via theme options Shopify

tag filter shopify

{% comment %}Tag filters{% endcomment %}
{% comment %}https://help.shopify.com/themes/customization/collections/filtering-a-collection-with-multiple-tag-drop-down{% endcomment %}
{% comment %}Modified so they can be captured in theme options.{% endcomment %}

{% comment %}first grab and assign some stuff{% endcomment %}
{% capture tags_list %}{{ section.settings.tags_list | prepend: "'," | append: "'" }}{% endcapture %}

{% if collection.url.size == 0 %}
{% assign collection_url = '/collections/all' %}
{% else %}
{% assign collection_url = collection.url %}
{% endif %}
{% assign has_tags = false %}


{% capture tags_html %}
          
          {% comment %}Tag filters{% endcomment %}
          {% comment %}replaced default theme code with this: https://help.shopify.com/themes/customization/collections/filtering-a-collection-with-multiple-tag-drop-down{% endcomment %}
          {% comment %}Modified so they can be captured in theme options.{% endcomment %}
          
          {% assign tags = tags_list | split: ',' %}
          
          <span class="tags filter">
            <label for="filter-by">{{ 'collections.general.filter_by' | t }}:</label>
            <select id="filter-by" class="redirect">
              <option value="{{ collection_url }}">{{ 'collections.general.all_items' | t }}</option>
              {% for t in tags %}
              {% assign tag = t %}
              {% if current_tags contains tag %}
              <option value="{{ collection_url }}/{{ tag | handle }}" selected>{{ tag }}</option>
              {% elsif collection.all_tags contains tag %}
              <option value="{{ collection_url }}/{{ tag | handle }}">{{ tag }}</option>
              {% endif %}
              {% assign has_tags = true %}
              {% endfor %}
            </select>
          </span>
{% endcapture %}


{% if has_tags %}

{{ tags_html }}

{% endif %}