Create more collection lists

This article doesn't apply to version 3.x, because with Online Store 2.0 you can now create as many unique collection lists pages as you want.

When you have a complex store (lots of projects inside categories and subcategories), you might want to have multiple pages which can hold different collections in then. By default, Shopify only allows for a single "Collections List" template, the one which holds all of your collections (or a selection if you edit the page via the Theme Customizer).

In this article we'll show you how to duplicate this collection list, so you can have more than one page holding your collections. 

  1. First of all, go to the theme editor (read this article for more info)
  2. Go the the /sections/ folder and create a new file. Give it a unique name, let's say collection-list-unique.liquid
  3. Insert this content in it: 

    {% assign isEmpty = true %}
    {% assign collection_count = section.blocks.size %}
    
    {% if collection_count > 0 %}
      {% assign isEmpty = false %}
    {% endif %}
    
      <div class="site-box box--big lap--box--small-fl box--typo-big box--center-align box--column-flow box__heading box--add-hr {% if collection__count == 1 %} fix-me-with-height-hard {% endif %}" data-order="0">
    
        <div class="site-box-content fix-me-with-margin">
              
          <h1 class="title">{{ page.title | escape }}</h1>
          {% unless section.settings.caption == blank %}
            <div class="rte"><div>{{ section.settings.caption }}</div></div>
          {% endunless %}
    
        </div>
    
      </div>
    
      {% unless section.blocks == empty %}
    
        <div class="collection__holder">
          {% for block in section.blocks %}
            {% assign collection = collections[block.settings.collection] %}
            {% assign collection_handle = collection.handle %}
            {% render 'collection-item', collection: collection, collection_count: collection_count, index: forloop.index %}
          {% endfor %}
        </div>
    
      {% endunless %}
    
    {% schema %}
    {
      "name": {
        "en": "Collections list"
      },
      "class": "site-box-container container--fullscreen",
      "settings": [
         {
          "type": "richtext",
          "id": "caption",
          "label": "Description"
        }
      ],
      "blocks": [
        {
          "type": "collection",
          "name": {
            "en": "Collection"
          },
          "settings": [
            {
              "label": {
                "en": "Collection"
              },
              "id": "collection",
              "type": "collection"
            }
          ]
        }
      ]
    }
    {% endschema %}
    	
  4. Go to the /templates/ folder and create a new file. Give it a unique name, but put the "page" prefix, like this: page.collection-list-unique.liquid
  5. Insert this content in it:

    {% section 'collection-list-unique' %}
    	

    Use the name that you've given to your created section here.

  6. Save all files, go to the page editor, create a new page, and select the newly created page template

  7. Open the theme customizer and choose to customize the page you've just created

  8. Now you can use the blocks to add custom collections and the settings area to add a description.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.