> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Collections list

> The page at /collections: store-wide collections, your departments with the collections inside them, brands A to Z and shop by use and budget tiles.

![Collections list on the storefront](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/main-list-collections.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=93cf49c71d49d00d4c8c4a019bde01c0)

Collections list, highlighted with the demo content

## Where to find it

The collections list page (/collections). In the theme editor choose Collections list in the page selector, then select Collections list.

## How it works

* The top shows breadcrumbs, a line with the number of collections and products in the store, the Heading and the Introduction.
* Across the store shows the Store-wide collections as tiles with an image, the name, the product count and, if turned on, the start of the description.
* With a Department menu, each top-level link that has links nested under it becomes a department panel: an image, the name, its product and collection counts, and a list of its collections with small images and product counts. Panels sit two across; a department with more than four collections takes a full row.
* Top-level links with nothing nested under them show as tiles below the panels, except collections already shown under Across the store.
* Without a Department menu, the page shows the chosen Collections as tiles, or every collection when none are chosen. The list of every collection shows Collections per page at a time, with page numbers under the tiles when there are more.
* Images are each collection's image, or Shopify's fallback such as the first product's image. Counts and images need the menu links to point at collections.
* Brands A to Z lists every product vendor in the store, grouped by first letter (numbers under #), each linking to that brand's products.
* Shop by use and budget shows the Use or budget blocks as tiles with an image, a short detail line and a title. Tiles are four across on desktop and two at 1000 px and narrower; on phones descriptions are hidden and department panels stack.

![Collections list in the theme editor](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/editor-main-list-collections.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=c694dee03127c23c5c9dad56798509ff)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* Build a department menu in Online Store, Navigation: top-level links for departments (linked to a collection such as PC components) with their collections nested under them. Choose it as Department menu.
* Pick up to eight Store-wide collections, such as deals, new arrivals and best sellers.
* When the page lists every collection, set Collections per page (8 to 48, 24 on install).
* Set Link and Link label to add a link beside the Departments heading, for example Plan a PC in the PC Builder.
* Keep vendor names consistent on your products: Show brands A to Z lists each spelling as its own brand.
* Add Use or budget blocks (up to 8) with a Heading, a Detail such as Under \$1,000, a Link (a collection or a filtered collection address) and an Image in a 1.6:1 frame, at least 600 x 375 px, cropped around its focal point.
* Turn Show collection and product totals, Show product counts and Show collection descriptions on or off to suit your catalog.

## Settings

| Setting | What it does |
| - | - |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |
| **Show breadcrumbs** | On or off. Default: on. |
| **Heading** | Text. Default: All collections. |
| **Introduction** | Formatted text. |
| **Show collection and product totals** | On or off. Default: on. |
| **Show product counts** | On or off. Default: on. |
| **Show collection descriptions** | On or off. Default: off. |

**Across the store**

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: Across the store. |
| **Store-wide collections** | Choose collections. Optional tiles above the departments, such as deals, new arrivals and best sellers. |

**Departments**

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: Departments. |
| **Subheading** | Text. Default: Open a department, or go straight to the part of it you need. |
| **Department menu** | Choose a menu. Top-level links become departments and their nested links the collections inside them. Leave blank to show the collections below as a grid. |
| **Collections** | Choose collections. Used when no department menu is chosen. Leave blank to show every collection. |
| **Collections per page** | Slider from 8 to 48, in steps of 4. Used when every collection is shown. Default: 24. |
| **Link** | Link: a page, product, collection or web address. |
| **Link label** | Text. For example: Plan a PC in the PC Builder. |

**Brands**

| Setting | What it does |
| - | - |
| **Show brands A to Z** | On or off. Every product vendor, each linking to its products. Default: on. |
| **Heading** | Text. Default: Brands A to Z. |

**Use and budget**

| Setting | What it does |
| - | - |
| **Heading** | Text. Shown when you add Use or budget blocks. Default: Shop by use and budget. |

## Blocks

Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Use or budget (up to 8)

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: Gaming. |
| **Detail** | Text. A short line above the title, for example Under \$1,000. |
| **Link** | Link: a page, product, collection or web address. |
| **Image** | Image: upload one or choose from Content → Files. 600 x 375px recommended. |

> [!NOTE]
>
> On install Department menu and Store-wide collections are empty, so every collection shows as a tile, 24 to a page; Brands A to Z is on; there are no Use or budget blocks, so that row is hidden.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.