Icon theme - change collection list order on collection page

Store Design
,
1

The collection page when you click onto it current comes up with the collections in alphabetical order, and I would like to change that order, but can’t find instructions on how. I have created a new menu as one set of instructions suggested and then needed to change the code, but the coding instructions they give weren’t correct as I couldn’t find the code section they were talking about?

Any help on this would be appreciated (the less coding the better :))

2

If you mean the display order of products in collection read the manual

https://help.shopify.com/en/manual/products/collections/collection-layout#change-the-sort-order-for-the-products-in-a-collection

If your talking about this tutorial https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/change-collections-page

That has to be adapted if your using an OS2.0 theme, or a vintage theme NOT made by shopify to find the relevant file.

If you need this customization then contact me directly for services.
Please provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact Info in signature.

3

Hello @GFJ_onatah ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Templates folder → collection-template.liquid file → find this code

{% for collection in collections %}
  
    
      

        {% if collection.image %}
          
        {% endif %}
      

      {{ collection.title }}

    
  

{% endfor %}

To change the order in which collections are displayed, you can modify the order of the collections in this code. For example, if you want to display collections in a specific order, you can create an array of collection handles in the order you want them to appear and loop through the array, like this:

{% assign custom_order = 'collection-handle-1, collection-handle-2, collection-handle-3' | split: ', ' %}
{% for handle in custom_order %}
  {% assign collection = collections[handle] %}
  {% if collection %}
    
      
        

          {% if collection.image %}
            
          {% endif %}
        

        {{ collection.title }}

      
    

  {% endif %}
{% endfor %}

Save and preview

Hope this can help. Let us know if you can make it.

Ali Reviews team.