The `list-collections` template renders the collection list page, which lists all the store's [collections](https://help.shopify.com/manual/products/collections). This page is located at the `/collections` URL of the store. > Tip: > Refer to the [list-collections template](https://github.com/Shopify/dawn/blob/main/templates/list-collections.json) and its [main section](https://github.com/Shopify/dawn/blob/main/sections/main-list-collections.liquid) in Dawn for an example implementation.
An example of the list-collections template in Dawn
## Location The `list-collections` template is located in the `templates` directory of the theme: ```text └── theme ├── layout ├── templates | ... | ├── list-collections.json | ... ... ``` ## Content You can include the following in your list-collections template or a section inside of the template: - [The collections object](#the-collections-object) ### The collections object You can access the Liquid [`collections` object](/docs/api/liquid/objects/collections) to display the store's collections. ## Usage When working with the `list-collections` template, you should familiarize yourself with the following: - [Changing the order of collections](#change-the-order-of-collections) - [Setting a fallback image for collection images](#collection-image-fallback) > Tip: > If you're using a JSON template, then any HTML or Liquid code needs to be included in a [section](/docs/storefronts/themes/architecture/sections) that's referenced by the template. ### Change the order of collections Typically, this template includes the following loop through the collections to output the display, which outputs the collections in alphabetical order:

If you want to change the order, then you can build a [menu](https://help.shopify.com/en/manual/online-store/menus-and-links/editing-menus) to host the collections in your desired order, and loop through the menu items. If you use this method, then you should build a [setting](/docs/themes/architecture/settings/input-settings#link_list) to allow merchants to select the menu that's used. You can access the menu through the Liquid [`linklist` object](/docs/api/liquid/objects/linklist), filter the menu items for collections based on [`link.type`](/docs/api/liquid/objects/link#link-type), and access the collection information through [`link.object`](/docs/api/liquid/objects/link#link-object). For example: ```liquid {% for link in settings.collection_list_menu.links %} {% if link.type == 'collection_link' %} {% assign collection = link.object %} {% endif %} {% endfor %} ``` ### Collection image fallback You should have a fallback for the case that a collection doesn't have a [collection image](/docs/api/liquid/objects/collection#collection-image). For example, you might use the image of the first product within the collection: ```liquid {% if collection.image %} {{ collection.image | image_url: width: 450, height: 450 | image_tag: collection.image.alt }} {% else %} {% assign alt = collection.title | escape %} {{ collection.products.first.image | image_url: width: 450, height: 450 | image_tag: alt }} {% endif %} ```