Hiding specific tag(s) from drop-down?

Highlighted
Tourist
7 0 1

Hi all

I use tags to create 'categories' (product filters) on my collections. However, I also use tags for other purposes (such as determining whether to hide or display a button). You can see what I mean by looking at the "Category" dropdown here: https://bettyberry.co.uk/collections/vintage

I need to be able to hide a given tag (e.g. "test-product") from the 'category'/'tag filter' dropdown. Just to clarify, I do not want to hide products with that tag. I just want the tag itself not to show up in the drop down.

Is anyone able to advise me how to do this?

 

I have a suspicion I can add an exclusion to this code below somehow, from collection-template.liquid, but any assistance would be hugely appreciated. In case it matters, I'm using a customised Debut theme:

 

 </div>
    {% endif %}

    {% if is_filter_by_available or section.settings.sort_enable %}
    <div class="filters-toolbar-wrapper{% if is_filter_by_available %} filters-toolbar--has-filter{% endif %}">
      <div class="page-width">
        <div class="filters-toolbar">
          <div class="filters-toolbar__item-wrapper">
            {% if section.settings.tags_enable %}
            {% unless collection.all_tags.size == 0 %}
            <div class="filters-toolbar__item-child">
              <label class="filters-toolbar__label select-label" for="FilterTags">CATEGORY</label>
              <div class="filters-toolbar__input-wrapper select-group">
                <select class="filters-toolbar__input hidden" name="FilterTags" id="FilterTags" aria-describedby="a11y-refresh-page-message a11y-selection-message">
                  <option value="{{ collection.url }}">{{ 'collections.filters.all_tags' | t }}</option>
                  {% for tag in collection.all_tags %}
                  {%- assign new_url = tag | link_to_tag: tag | split: 'href="' | last | split: '"' | first -%}
                  <option value="{{ new_url }}"{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }}</option>
                  {% endfor %}
                </select>
                {% render 'icon-chevron-down' %}
              </div>
            </div>
            {% endunless %}
            {% endif %}

            {% if section.settings.sort_enable %}
            <div class="filters-toolbar__item-child">
              {%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%}
              <label class="filters-toolbar__label select-label" for="SortBy">{{ 'collections.sorting.title' | t }}</label>
              <div class="filters-toolbar__input-wrapper select-group">
                <select name="sort_by" id="SortBy"
                        class="filters-toolbar__input hidden"
                        aria-describedby="a11y-refresh-page-message a11y-selection-message"
                        data-default-sortby="{{ collection.default_sort_by }}"
                        >
                  {%- for option in collection.sort_options -%}
                  <option value="{{ option.value }}" {% if option.value == sort_by %}selected="selected"{% endif %}>{{ option.name }}</option>
                  {%- endfor -%}
                </select>
                {% render 'icon-chevron-down' %}
              </div>
            </div>
            {% endif %}
          </div>

          <div class="filters-toolbar__item filters-toolbar__item--count">
            <span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
          </div>
        </div>
      </div>
    </div>
    {% endif %}
  </header>

  <div class="page-width" id="Collection">

 

 

 

Thanks so much!

0 Likes
Highlighted

Hi NicoleHarry, 

Try this! The following code will tell Liquid: "Unless the Tag is 'Jeans' create an option". Let me know if this is what you're looking for.

Obviously you can replace "Jeans" with whatever you like, but it has to match exactly the way the tag is written.

 </div>
    {% endif %}

    {% if is_filter_by_available or section.settings.sort_enable %}
    <div class="filters-toolbar-wrapper{% if is_filter_by_available %} filters-toolbar--has-filter{% endif %}">
      <div class="page-width">
        <div class="filters-toolbar">
          <div class="filters-toolbar__item-wrapper">
            {% if section.settings.tags_enable %}
            {% unless collection.all_tags.size == 0 %}
            <div class="filters-toolbar__item-child">
              <label class="filters-toolbar__label select-label" for="FilterTags">CATEGORY</label>
              <div class="filters-toolbar__input-wrapper select-group">
                <select class="filters-toolbar__input hidden" name="FilterTags" id="FilterTags" aria-describedby="a11y-refresh-page-message a11y-selection-message">
                  <option value="{{ collection.url }}">{{ 'collections.filters.all_tags' | t }}</option>
                  {% for tag in collection.all_tags %}
                  <!-- Edited Code ----->
                       {% unless tag == 'Jeans' %}
                            {%- assign new_url = tag | link_to_tag: tag | split: 'href="' | last | split: '"' | first -%}
                            <option value="{{ new_url }}"{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }</option>
                      {% endunless %}
                  {% endfor %}
                </select>
                {% render 'icon-chevron-down' %}
              </div>
            </div>
            {% endunless %}
            {% endif %}

            {% if section.settings.sort_enable %}
            <div class="filters-toolbar__item-child">
              {%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%}
              <label class="filters-toolbar__label select-label" for="SortBy">{{ 'collections.sorting.title' | t }}</label>
              <div class="filters-toolbar__input-wrapper select-group">
                <select name="sort_by" id="SortBy"
                        class="filters-toolbar__input hidden"
                        aria-describedby="a11y-refresh-page-message a11y-selection-message"
                        data-default-sortby="{{ collection.default_sort_by }}"
                        >
                  {%- for option in collection.sort_options -%}
                  <option value="{{ option.value }}" {% if option.value == sort_by %}selected="selected"{% endif %}>{{ option.name }}</option>
                  {%- endfor -%}
                </select>
                {% render 'icon-chevron-down' %}
              </div>
            </div>
            {% endif %}
          </div>

          <div class="filters-toolbar__item filters-toolbar__item--count">
            <span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
          </div>
        </div>
      </div>
    </div>
    {% endif %}
  </header>

  <div class="page-width" id="Collection">

 Thank you,

Kyle Kopelke

Let's get Shopify figured out together. Get live USA-based customer service for your current or upcoming web project.

We offer free and paid Shopify support.
Monday - Friday | 9 AM — 5 PM EST
Email: hello@freshnarrative.io | tel: (443) 345-8162
Baltimore, Maryland, United States
0 Likes
Highlighted
Tourist
7 0 1

Hi there

Thanks so much for replying!

I've tried inserting that but I'm hitting the following error:

NicoleHarry_0-1600436351154.png

Where line 93 is:

                            <option value="{{ new_url }}"{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }</option>

 

Is this just a formatting error?

 

In case it helps, I've inserted the full section below (I know it would be exceedingly cheeky to ask if you could maybe take a look at it but...).

Please let me know if you have any advice!

Thanks so much once again

 

{% case section.settings.grid %}
{% when 2 %}
{%- assign max_height = 530 -%}
{% when 3 %}
{%- assign max_height = 345 -%}
{% when 4 %}
{%- assign max_height = 250 -%}
{% when 5 %}
{%- assign max_height = 195 -%}
{% endcase %}

{% if section.settings.layout == 'grid' %}
{%- assign limit = section.settings.grid | times: section.settings.rows -%}
{% else %}
{%- assign limit = 16 -%}
{% endif %}

{% paginate collection.products by limit %}

<div data-section-id="{{ section.id }}" data-section-type="collection-template">
  <header class="collection-header">
    {%- assign is_filter_by_available = false -%}
    {%- if section.settings.tags_enable and collection.all_tags.size > 0 -%}
    {%- assign is_filter_by_available = true -%}
    {%- endif -%}

    {% if section.settings.show_collection_image and collection.image %}
    <div class="collection-hero">
      <div class="collection-hero__image ratio-container lazyload js"
           data-bgset="{% render 'bgset', image: collection.image %}"
           data-sizes="auto"
           data-parent-fit="cover"
           style="background-image: url('{{ collection.image | img_url: '300x300' }});"></div>
      <noscript>
        <div class="collection-hero__image" style="background-image: url({{ collection.image | img_url: '2048x600', crop: 'top' }});"></div>
      </noscript>
      <div class="collection-hero__title-wrapper">
        <h1 class="collection-hero__title page-width">
          <span role="text">
            <span class="visually-hidden">{{ 'collections.general.collection_label' | t }}: </span>
            {{ collection.title }}
          </span>
        </h1>
      </div>
    </div>
    {% if is_filter_by_available == false and section.settings.sort_enable == false %}
    <div class="page-width">
      <span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
    </div>
    {% endif %}
    {% if collection.description != blank %}
    <div class="rte collection-description page-width">
      {{ collection.description }}
    </div>
    {% endif %}
    {% else %}
    <div class="page-width">
      <div class="section-header text-center">
        <h1>
          <span role="text">
            <span class="visually-hidden">{{ 'collections.general.collection_label' | t }}: </span>
            {{ collection.title }}
          </span>
        </h1>
        {% if collection.description != blank %}
        <div class="rte">
          {{ collection.description }}
        </div>
        {% endif %}
        {% if is_filter_by_available == false and section.settings.sort_enable == false %}
        <span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
        {% endif %}
      </div>
    </div>
    {% endif %}

    {% if is_filter_by_available or section.settings.sort_enable %}
    <div class="filters-toolbar-wrapper{% if is_filter_by_available %} filters-toolbar--has-filter{% endif %}">
      <div class="page-width">
        <div class="filters-toolbar">
          <div class="filters-toolbar__item-wrapper">
            {% if section.settings.tags_enable %}
            {% unless collection.all_tags.size == 0 %}
            <div class="filters-toolbar__item-child">
              <label class="filters-toolbar__label select-label" for="FilterTags">CATEGORY</label>
              <div class="filters-toolbar__input-wrapper select-group">
                <select class="filters-toolbar__input hidden" name="FilterTags" id="FilterTags" aria-describedby="a11y-refresh-page-message a11y-selection-message">
                  <option value="{{ collection.url }}">{{ 'collections.filters.all_tags' | t }}</option>
                  {% for tag in collection.all_tags %}
                  {%- assign new_url = tag | link_to_tag: tag | split: 'href="' | last | split: '"' | first -%}
                  <option value="{{ new_url }}"{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }}</option>
                  {% endfor %}
                </select>
                {% render 'icon-chevron-down' %}
              </div>
            </div>
            {% endunless %}
            {% endif %}

            {% if section.settings.sort_enable %}
            <div class="filters-toolbar__item-child">
              {%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%}
              <label class="filters-toolbar__label select-label" for="SortBy">{{ 'collections.sorting.title' | t }}</label>
              <div class="filters-toolbar__input-wrapper select-group">
                <select name="sort_by" id="SortBy"
                        class="filters-toolbar__input hidden"
                        aria-describedby="a11y-refresh-page-message a11y-selection-message"
                        data-default-sortby="{{ collection.default_sort_by }}"
                        >
                  {%- for option in collection.sort_options -%}
                  <option value="{{ option.value }}" {% if option.value == sort_by %}selected="selected"{% endif %}>{{ option.name }}</option>
                  {%- endfor -%}
                </select>
                {% render 'icon-chevron-down' %}
              </div>
            </div>
            {% endif %}
          </div>

          <div class="filters-toolbar__item filters-toolbar__item--count">
            <span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
          </div>
        </div>
      </div>
    </div>
    {% endif %}
  </header>

  <div class="page-width" id="Collection">
    
    
    
    {% if section.settings.layout == 'grid' %}
    {% case section.settings.grid %}
    {% when 2 %}
    {%- assign grid_item_width = 'medium-up--one-half' -%}
    {% when 3 %}
    {%- assign grid_item_width = 'small--one-half medium-up--one-third' -%}
    {% when 4 %}
    {%- assign grid_item_width = 'small--one-half medium-up--one-quarter' -%}
    {% when 5 %}
    {%- assign grid_item_width = 'small--one-half medium-up--one-fifth' -%}
    {% endcase %}

      <div id="Huratips-Loop" class="grid grid--uniform{% if collection.products_count > 0 %} grid--view-items{% endif %}">        
        {% if collection.products.size > 0 %}        
        {% for product in collection.products %}
        <div class="grid__item grid__item--{{section.id}} {{ grid_item_width }}">{% include 'product-card-grid', max_height: max_height %}</div>
        {% endfor %}        
        {% else %}
        {%- assign is_empty_collection = true -%}
        {% endif %}
        {% if collection.handle == 'all' and collection.all_vendors.size == 0 and collection.all_types.size == 0 %}
        <div class="grid__item">
          <div class="grid grid--uniform">
            {% for i in (1..limit) %}
            <div class="grid__item {{ grid_item_width }}">
              <div class="grid-view-item">
                <a href="#" class="grid-view-item__link">
                  <div class="grid-view-item__image">
                    {% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
                    {{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
                  </div>
                  <div class="h4 grid-view-item__title">{{ 'homepage.onboarding.product_title' | t }}</div>
                  <div class="grid-view-item__meta">
                    <span class="product-price__price">$19.99</span>
                  </div>
                </a>
              </div>
            </div>
            {% endfor %}
          </div>
        </div>
        {% endif %}
      </div>

      <div id="Huratips-Pagination" style="width:100%;display:block;">{% if paginate.next %}<a href="{{ paginate.next.url }}" style="color:white;"><center><img src="{{'ajax-loader.gif'| asset_url}}"></center></a>{% endif %}</div>


    {% else %}
    <ul class="list-view-items">
      <div id="Huratips-Loop" >
        {% for product in collection.products %}
        <li class="list-view-item">
          <a href="{{ product.url | within: collection }}" class="list-view-item__link">
            {% include 'product-card-list', product: product %}
          </a>
        </li>
        {% else %}

        {% comment %}
        Add default products to help with onboarding for collections/all only.

        The onboarding styles and products are only loaded if the
        store has no products.
        {% endcomment %}
        {% if collection.handle == 'all' and collection.all_vendors.size == 0 and collection.all_types.size == 0%}
        {% for i in (1..4) %}
        <li class="list-view-item">
          <a href="#" class="list-view-item__link">
            <div class="list-view-item__image-column">
              <div class="list-view-item__image-wrapper">
                <div class="list-view-item__image">
                  {%- assign placeholder = 'placeholder-product-' | append: i -%}
                  {% include placeholder %}
                </div>
              </div>
            </div>

            <div class="list-view-item__title-column">
              <div class="list-view-item__title">{{ 'homepage.onboarding.product_title' | t }}</div>
            </div>

            <div class="list-view-item__price-column">
              <span class="product-price__price">$19.99</span>
            </div>
          </a>
        </li>
        {% endfor %}
        {% else %}
        {%- assign is_empty_collection = true -%}
        {% endif %}
        {% endfor %}
        <div id="Huratips-Pagination" style="width:100%;display:block;">
          {% if paginate.next %}
          <a href="{{ paginate.next.url }}" style="color: white;"><center><img src="{{'ajax-loader.gif'| asset_url}}"></center></a>
          {% endif %}  
        </div>
      </div>
    </ul>
    {% endif %}

    {% if is_empty_collection %}
    <div class="grid__item small--text-center">
      <p class="text-center">{{ 'collections.general.no_matches' | t }}</p>
    </div>
    {% endif %}

  </div>
</div>

{% endpaginate %}
<script>
  document.addEventListener("DOMContentLoaded", function() {
    var endlessScroll = new Ajaxinate({
      container: '#Huratips-Loop',
      pagination: '#Huratips-Pagination',
      loadingText: '<center><img src="{{'ajax-loader.gif'| asset_url}}"></center>'
    });
  });
</script>

{% schema %}
{
"name": {
"en": "Collection pages",
"de": "Kategorie-Seiten",
"fr": "Pages de collections"
},
"settings": [
{
"type": "select",
"id": "layout",
"label": {
"en": "Layout",
"de": "Layout",
"fr": "Mise en page"
},
"default": "grid",
"options": [
{
"value": "grid",
"label": {
"en": "Grid",
"de": "Raster",
"fr": "Grille"
}
},
{
"value": "list",
"label": {
"en": "List",
"de": "Liste",
"fr": "Liste"
}
}
]
},
{
"type": "range",
"id": "grid",
"label": {
"en": "Products per row (grid only)",
"de": "Produkte per Reihe (nur Raster)",
"fr": "Produits par rangée (grille uniquement)"
},
"default": 4,
"min": 2,
"max": 5,
"step": 1
},
{
"type": "range",
"id": "rows",
"label": {
"en": "Rows per page (grid only)",
"de": "Reihen per Seite (nur Raster)",
"fr": "Rangées par page (grille uniquement)"
},
"default": 2,
"min": 2,
"max": 8,
"step": 1
},
{
"type": "checkbox",
"id": "show_collection_image",
"label": {
"en": "Show collection image",
"de": "Kategorie-Foto anzeigen",
"fr": "Afficher l'image de la collection"
},
"default": true
},
{
"type": "checkbox",
"id": "show_vendor",
"label": {
"en": "Show product vendors",
"de": "Produkt-Lieferanten anzeigen",
"fr": "Afficher les vendeurs"
},
"default": false
},
{
"type": "checkbox",
"id": "sort_enable",
"label": {
"en": "Enable sorting",
"de": "Sortieren erlauben",
"fr": "Activer le tri"
},
"default": true
},
{
"type": "checkbox",
"id": "tags_enable",
"label": {
"en": "Enable tag filtering",
"de": "Tag-Filtern erlauben",
"fr": "Activer le filtrage par balises"
},
"default": true
}
]
}
{% endschema %}

 

 

0 Likes
Highlighted

My error! I left out the greater than symbol after the {{new_ url}} -> see below

<option value="{{ new_url }}">{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }</option>
Let's get Shopify figured out together. Get live USA-based customer service for your current or upcoming web project.

We offer free and paid Shopify support.
Monday - Friday | 9 AM — 5 PM EST
Email: hello@freshnarrative.io | tel: (443) 345-8162
Baltimore, Maryland, United States
0 Likes
Highlighted
Tourist
7 0 1

Hi once more!

Unfortunately it's still throwing up the same error.

 

This is the code as it stands (with the change/s implemented). Can you see anything I'm doing wrong?

 

Thanks so much. Really appreciate all the help here.

    </div>
    {% endif %}

    {% if is_filter_by_available or section.settings.sort_enable %}
    <div class="filters-toolbar-wrapper{% if is_filter_by_available %} filters-toolbar--has-filter{% endif %}">
      <div class="page-width">
        <div class="filters-toolbar">
          <div class="filters-toolbar__item-wrapper">
            {% if section.settings.tags_enable %}
            {% unless collection.all_tags.size == 0 %}
            <div class="filters-toolbar__item-child">
              <label class="filters-toolbar__label select-label" for="FilterTags">CATEGORY</label>
              <div class="filters-toolbar__input-wrapper select-group">
                <select class="filters-toolbar__input hidden" name="FilterTags" id="FilterTags" aria-describedby="a11y-refresh-page-message a11y-selection-message">
                  <option value="{{ collection.url }}">{{ 'collections.filters.all_tags' | t }}</option>
                  {% for tag in collection.all_tags %}
                  <!-- Edited Code ----->
                       {% unless tag == 'Jeans' %}
                            {%- assign new_url = tag | link_to_tag: tag | split: 'href="' | last | split: '"' | first -%}
                            <option value="{{ new_url }}">{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }</option>
                      {% endunless %}
                  {% endfor %}
                </select>
                {% render 'icon-chevron-down' %}
              </div>
            </div>
            {% endunless %}
            {% endif %}

            {% if section.settings.sort_enable %}
            <div class="filters-toolbar__item-child">
              {%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%}
              <label class="filters-toolbar__label select-label" for="SortBy">{{ 'collections.sorting.title' | t }}</label>
              <div class="filters-toolbar__input-wrapper select-group">
                <select name="sort_by" id="SortBy"
                        class="filters-toolbar__input hidden"
                        aria-describedby="a11y-refresh-page-message a11y-selection-message"
                        data-default-sortby="{{ collection.default_sort_by }}"
                        >
                  {%- for option in collection.sort_options -%}
                  <option value="{{ option.value }}" {% if option.value == sort_by %}selected="selected"{% endif %}>{{ option.name }}</option>
                  {%- endfor -%}
                </select>
                {% render 'icon-chevron-down' %}
              </div>
            </div>
            {% endif %}
          </div>

          <div class="filters-toolbar__item filters-toolbar__item--count">
            <span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
          </div>
        </div>
      </div>
    </div>
    {% endif %}
  </header>

  <div class="page-width" id="Collection">

.  

0 Likes
Highlighted

Tag is missing a bracket "}"

Let's try the new code below.

Old

<option value="{{ new_url }}">{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }</option>

New

<option value="{{ new_url }}">{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }}</option>

 

Let's get Shopify figured out together. Get live USA-based customer service for your current or upcoming web project.

We offer free and paid Shopify support.
Monday - Friday | 9 AM — 5 PM EST
Email: hello@freshnarrative.io | tel: (443) 345-8162
Baltimore, Maryland, United States
0 Likes
Highlighted
Tourist
7 0 1

Hi there

Yes, just worked that out myself!

Good news and bad news. Good news: it's working to remove the tag (yay!).

Bad news: Something seems to be messing up the formatting. I'm now getting a ">" on the drop down in front of each item (see picture below).

NicoleHarry_1-1600438006985.png

 

 

Whereas it should look like: 

NicoleHarry_2-1600438095332.png

 

Any idea why this might be?

Almost there, looks like - thanks so much once again.

 

 

0 Likes
Highlighted
Tourist
7 0 1

You know what, I think I've fixed it by removing that ">" that we added back in! Does that make sense? Just want to ensure I've not done anything silly.

 

Hence updated script is:

    </div>
    {% endif %}

    {% if is_filter_by_available or section.settings.sort_enable %}
    <div class="filters-toolbar-wrapper{% if is_filter_by_available %} filters-toolbar--has-filter{% endif %}">
      <div class="page-width">
        <div class="filters-toolbar">
          <div class="filters-toolbar__item-wrapper">
            {% if section.settings.tags_enable %}
            {% unless collection.all_tags.size == 0 %}
            <div class="filters-toolbar__item-child">
              <label class="filters-toolbar__label select-label" for="FilterTags">CATEGORY</label>
              <div class="filters-toolbar__input-wrapper select-group">
                <select class="filters-toolbar__input hidden" name="FilterTags" id="FilterTags" aria-describedby="a11y-refresh-page-message a11y-selection-message">
                  <option value="{{ collection.url }}">{{ 'collections.filters.all_tags' | t }}</option>
                  {% for tag in collection.all_tags %}
                  <!-- Edited Code ----->
                       {% unless tag == 'test' %}
                            {%- assign new_url = tag | link_to_tag: tag | split: 'href="' | last | split: '"' | first -%}
                            <option value="{{ new_url }}"{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }}</option>
                      {% endunless %}
                  {% endfor %}
                </select>
                {% render 'icon-chevron-down' %}
              </div>
            </div>
            {% endunless %}
            {% endif %}

            {% if section.settings.sort_enable %}
            <div class="filters-toolbar__item-child">
              {%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%}
              <label class="filters-toolbar__label select-label" for="SortBy">{{ 'collections.sorting.title' | t }}</label>
              <div class="filters-toolbar__input-wrapper select-group">
                <select name="sort_by" id="SortBy"
                        class="filters-toolbar__input hidden"
                        aria-describedby="a11y-refresh-page-message a11y-selection-message"
                        data-default-sortby="{{ collection.default_sort_by }}"
                        >
                  {%- for option in collection.sort_options -%}
                  <option value="{{ option.value }}" {% if option.value == sort_by %}selected="selected"{% endif %}>{{ option.name }}</option>
                  {%- endfor -%}
                </select>
                {% render 'icon-chevron-down' %}
              </div>
            </div>
            {% endif %}
          </div>

          <div class="filters-toolbar__item filters-toolbar__item--count">
            <span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
          </div>
        </div>
      </div>
    </div>
    {% endif %}
  </header>

  <div class="page-width" id="Collection">
0 Likes
Highlighted

That looks good to me! I can also jump on your site and take a look too. 

Let me know,

Kyle

Let's get Shopify figured out together. Get live USA-based customer service for your current or upcoming web project.

We offer free and paid Shopify support.
Monday - Friday | 9 AM — 5 PM EST
Email: hello@freshnarrative.io | tel: (443) 345-8162
Baltimore, Maryland, United States
0 Likes
Highlighted
Tourist
7 0 1

Thank you Kyle! I was using a test theme. I've just made it live now.

If you're curious, the hidden tag is "test" on this Collection page: https://bettyberry.co.uk/collections/vintage

 

Thanks again for all your help, it's hugely appreciated. I was very keen to get it done ahead of tomorrow as it enables me to show/hide the "Email when available" button on products that will/won't be restocked. All sorted now, my many thanks!

 

Nicole

1 Like