jtgrenz
5/27/2015 - 6:49 PM
UPDATED!!! The manual link list feature requires 'reorder_' in front of the tag prefix for the link list name. ie Reorder_Size Control the d
UPDATED!!! The manual link list feature requires 'reorder_' in front of the tag prefix for the link list name. ie Reorder_Size Control the display order of tag groups lists in the collection sidebar using Supply's 'advanced tag filtering' - and control the sort order of the list items within that group using a link list.
{
"type": "checkbox",
"id": "manual_group",
"label": "Enable manual ordering of groups by comma seperated list?"
},
{
"type": "text",
"id": "manual_group_array",
"label": "Order groups by comma seperated list",
"info": "List items must be identical to the tag prefixes (no underscore). ie. Brand,Product Type,Burn Time (approx),Colour"
}Group Sorting:
There is a text field in the theme settings where you list the tag prefixes with no underscores. (ex: Size,Price,Color) All groups must be mentioned in that input field in order to appear.
Individual List Sorting:
This requires the use of a Link List in the Navigation area of the Admin The list name is the tag prefix with no underscore to represent the group of tags you want to manually sort. Each link inside this list is the full product tag with prefix and underscore directly the same as in the product page. Only the lists that you want to sort manually need to be created or else it will just use the normal sorting of the list See image below as an example: http://snapify.shopify.com/29-13-p3po9-tre6s.jpg
<div class="grid-uniform">
{% if settings.manual_group %}
{% assign group_array = settings.manual_group_array | split: ',' %}
{% for group in group_array %}
{% capture array %}{% unless array == blank or array == "" %}{{ array }},{% endunless %}{{group | strip}}{% endcapture%}
{% endfor%}
{% assign cat_array = array | split:',' %}
{% endif %}
{% comment %}
Loop through tag categories
{% endcomment %}
{% for cat_item in cat_array %}
{% comment %}
Ignore if tag category is empty
{% endcomment %}
{% assign tags_present = false %}
{% if cat_array contains cat_item %}
{% assign tags_present = true %}
{% endif %}
{% unless tags_present == false %}
{% assign linklist_title = cat_item | handleize | prepend: 'reorder_' %}
{% if linklists[linklist_title].links != '' %}
<div class="grid-item small--one-half medium--one-third">
<h3>{{ cat_item }}</h3>
<ul class="advanced-filters">
{% for link in linklists[linklist_title].links %}
{% for custom_tag in collection.all_tags %}
{% if link.title == custom_tag %}
{% if current_tags contains link.title %}
<li class="advanced-filter active-filter" data-group="{{ cat_item }}" data-handle="{{ link.title | handleize }}">{{ link.title | remove_first: cat_item | remove: '_' | link_to_remove_tag: link.title }}</li>
{% else %}
<li class="advanced-filter" data-group="{{ cat_item }}">{{ link.title | remove_first: cat_item | remove: '_' | link_to_add_tag: link.title }}</li>
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
</ul>
</div>
{% endif %}
{% unless cat_item == '' or linklists[linklist_title].links.size > 0 %}
<div class="grid-item small--one-half medium--one-third">
<h3>{{ cat_item }}</h3>
<ul class="advanced-filters">
{% comment %}
Loop through collection tags
{% endcomment %}
{% for custom_tag in collection.all_tags %}
{% if custom_tag contains cat_item %}
{% comment %}
Strip out tag category prefix and add/remove link for tag filtering
{% endcomment %}
{% if current_tags contains custom_tag %}
<li class="advanced-filter active-filter" data-group="{{ cat_item }}" data-handle="{{ custom_tag | handleize }}">{{ custom_tag | remove: cat_item | remove: '_' | link_to_remove_tag: custom_tag }}</li>
{% else %}
<li class="advanced-filter" data-group="{{ cat_item }}">{{ custom_tag | remove: cat_item | remove: '_' | link_to_add_tag: custom_tag }}</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
{% endunless %}
{% endunless %}
{% endfor %}
</div>