How to arrange tags in alphabetical order?

ProfileMusic
Tourist
14 0 6

Hi,

On our store (supply theme), some of our tags are not arranged in alphabetical order. I can't seem to find a solution online as it says it should be sorted alphabetically, which ours isn't.

See the attached image. We want 7inch at the top, followed by 10inch and then 12inch down the bottom.

Any help would be appreciated.

Thanks! 

Size-alphabetical.png

0 Likes

Hi @ProfileMusic

This is not possible, it only shows by default the tag order of the collection.

If you want to do it, you need to build a new filter with manually entered tags. It requires you to have experience with Liquid, CSS and JS.

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
JoesIdeas
Shopify Expert
1402 124 373

@ProfileMusic the items in your screenshot are already in alphabetical order (1 comes before 7).

If you want to sort by numbers too you could change 7 to 07.

If you do not want to show the 0, anywhere it shows in the front end you can add a filter to conditionally remove it, for example you might do something like this:

{% assign size = option %} <!-- option being whatever the name of the variable is in the loop -->

{% if size == "07inch" %}
  {{ size | remove: "0" }}
{% else %}
  {{ size }}
{% endif %}

 

You'd have to read the code and experiment a little to find the optimal solution. If you need help from a developer feel free to reach out to my team at speedboostr.com/contact. Our developers are all Shopify focused and customize sites all the time.

Founder of Speed Boostr (Shopify optimization experts, theme customization, custom app development).
Creator of Shopify Analyzer (first performance analysis tool for Shopify sites, free for the Shopify community).
Creator of Order Automator (auto tag orders and customers + auto fulfillment + more automations).
More apps: Theme Scientist (A/B testing), Tip Jar (add a tip button), File Optimizer (optimize CSS, JS, Liquid).
0 Likes