Shopify themes, liquid, logos, and UX
Hi,
How can I hide the prefix "Mark_" in my filter list?
My filter code looks like this:
{% for tag in collection.all_tags %}
{% unless tag contains "Mark_" %}
{% continue %}
{% endunless %}
But dont know the syntax to hide the text Mark_ so it does not appear in the filter-list. I want it to look cleaner.
Hope someone can point me in the right direction.
Thanks!
Solved! Go to the solution
This is an accepted solution.
Ahhh word, this is helpful!
I believe that if you replace the {{ tag }} just before the closing option tag at the end of your for loop with the original code I posted, that should do it.
So that line would now look like this:
<option value="{{ new_url }}"{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag | remove: "Mark_" }}</option>
Lemme know if that does the trick! Fingers crossed!
Alex Marse | Shopify Enthusiast
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it Accept as Solution to help others locate the answer!
Your Like and Accept as Solution are much appreciated!
Hey @entranced ,
Thanks for your question!
I think the easiest way to do this would be to use the Liquid filter called remove. It allows you to remove a substring (like "Mark_") from your string ("Mark_Ardell").
Since you're already looping through your tags, all you would need to do is add the remove filter to the tag string within your for loop, like so:
{{ tag | remove: "Mark_" }}
Give it a shot and let me know how it goes!
Alex Marse | Shopify Enthusiast
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it Accept as Solution to help others locate the answer!
Your Like and Accept as Solution are much appreciated!
Thanks for the response Alex, appreciate it a lot.
Should it be something like this?
{% for tag in collection.all_tags %}
{% unless tag contains "Mark_" %}
{{ tag | remove: "Mark_" }}
{% continue %}
{% endunless %}
Don't really understand where to place that code snippet. 🙂
Glad to be of service!
I think you would actually want to put it beneath the {% endunless %} , but still within your forloop.
Alex Marse | Shopify Enthusiast
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it Accept as Solution to help others locate the answer!
Your Like and Accept as Solution are much appreciated!
{% for tag in collection.all_tags %}
{% unless tag contains "Mark_" %}
{% continue %}
{% endunless %}
{{ tag | remove: "Mark_" }}
Alex, this didn't work. But I have a feeling that you are on the right track.
Ah shucks! Perhaps if you could send me the rest of the code that's on that page, I could see if there's something else going on that's causing that to not produce the desired result?
Own you one buddy. Thanks!
Here is my collection-filters.liquid
<div data-section-id="{{ section.id }}" data-section-type="collection-filters">
{%- if section.settings.product_tags_enable and collection.all_tags.size > 0 -%}
<div class="collection-sort">
<label for="SortTags" class="collection-sort__label">{{ 'collections.sorting.title_tags' | t }}</label>
<select name="SortTags" id="SortTags" aria-describedby="a11y-refresh-page-message a11y-selection-message" class="collection-sort__input">
<option value="{{ collection.url }}">{{ 'collections.sorting.all_of_collection' | t }}</option>
{% for tag in collection.all_tags %}
{% unless tag contains "Mark_" %}
{% continue %}
{% endunless %}
{{ tag | remove: "Mark_" }}
{%- 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>
</div>
{%- endif -%}
{%- if section.settings.product_sorting_enable -%}
<div class="collection-sort">
{%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%}
<label for="SortBy" class="collection-sort__label">{{ 'collections.sorting.title' | t }}</label>
<select name="sort_by" id="SortBy" aria-describedby="a11y-refresh-page-message a11y-selection-message" class="collection-sort__input">
{%- for option in collection.sort_options -%}
<option value="{{ option.value }}"{% if sort_by == option.value %} selected="selected"{% endif %}>{{ option.name }}</option>
{%- endfor -%}
</select>
</div>
{%- endif -%}
</div>
{% schema %}
{
"name": {
"cs": "Kolekce",
"da": "Kollektion",
"de": "Kategorie",
"en": "Collection",
"es": "Colección",
"fi": "Kokoelma",
"fr": "Collection",
"hi": "कलेक्शन",
"it": "Collezione",
"ja": "コレクション",
"ko": "컬렉션",
"nb": "Samling",
"nl": "Collectie",
"pl": "Kolekcja",
"pt-BR": "Coleção",
"pt-PT": "Coleção",
"sv": "Produktserie",
"th": "คอลเลกชัน",
"tr": "Koleksiyon",
"vi": "Bộ sưu tập",
"zh-CN": "收藏",
"zh-TW": "商品系列"
},
"settings": [
{
"type": "checkbox",
"id": "product_tags_enable",
"label": {
"cs": "Povolit filtrování podle štítku",
"da": "Aktivér tagfiltrering",
"de": "Tag-Filtern erlauben",
"en": "Enable tag filtering",
"es": "Habilitar filtro de etiquetas",
"fi": "Ota tunnisteiden suodatus käyttöön",
"fr": "Activer le filtrage par balises",
"hi": "टैग फ़िल्टर करना सक्षम करें",
"it": "Attiva filtro tag",
"ja": "タグでの絞り込みを有効にする",
"ko": "태그 필터링 사용",
"nb": "Aktiver taggfiltrering",
"nl": "Filteren op tags inschakelen",
"pl": "Włącz filtrowanie tagów",
"pt-BR": "Habilitar filtragem de tag",
"pt-PT": "Ativar filtragem por etiqueta",
"sv": "Aktivera taggfiltrering",
"th": "เปิดใช้การกรองแท็ก",
"tr": "Etiket filtrelemeyi etkinleştir",
"vi": "Bật lọc thẻ",
"zh-CN": "启用标签筛选",
"zh-TW": "啟用標籤篩選功能"
},
"default": true
},
{
"type": "checkbox",
"id": "product_sorting_enable",
"label": {
"cs": "Povolit řazení",
"da": "Aktivér sortering",
"de": "Sortieren erlauben",
"en": "Enable sorting",
"es": "Habilitar la función ordenar",
"fi": "Ota lajittelu käyttöön",
"fr": "Activer le tri",
"hi": "क्रमबद्ध करना सक्षम करें",
"it": "Permetti di ordinare",
"ja": "並べ替えを有効にする",
"ko": "정렬 사용",
"nb": "Aktiver sortering",
"nl": "Sortering inschakelen",
"pl": "Włącz sortowanie",
"pt-BR": "Habilitar organização",
"pt-PT": "Ativar ordenação",
"sv": "Aktivera sortering",
"th": "เปิดใช้การจัดเรียง",
"tr": "Sıralamayı etkinleştir",
"vi": "Bật sắp xếp",
"zh-CN": "启用排序",
"zh-TW": "啟用排序功能"
},
"default": true
}
]
}
{% endschema %}
This is an accepted solution.
Ahhh word, this is helpful!
I believe that if you replace the {{ tag }} just before the closing option tag at the end of your for loop with the original code I posted, that should do it.
So that line would now look like this:
<option value="{{ new_url }}"{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag | remove: "Mark_" }}</option>
Lemme know if that does the trick! Fingers crossed!
Alex Marse | Shopify Enthusiast
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it Accept as Solution to help others locate the answer!
Your Like and Accept as Solution are much appreciated!
Look at this beauty!
You did it! Thank you so much!
Awesome, glad I could help. Happy selling!
Thanks a lot! Have a great weekend!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024