> For the complete documentation index, see [llms.txt](https://uxsmart.gitbook.io/velare/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxsmart.gitbook.io/velare/customize-your-pages/collection-page/page-template-sections.md).

# Page template sections

A collection page in Vélare is assembled from sections stacked one under another. Two of them are built for this template and read the collection the customer is browsing, and on top of those you can add the same global sections you use on the homepage. This page lists both groups so you know what is available and where each one is documented.

Everything below is edited in the same place: **Online Store > Themes > Customize**, template selector, **Collections > Default collection**.

### Static sections <a href="#static-sections" id="static-sections"></a>

These are designed specifically for the collection page. They take the title, description, image, and product list of whichever collection is open, so they cannot be used on other templates.

| Section                                                                                                       | What it does on the page                                                                                                                |
| ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| [Collection banner](/velare/customize-your-pages/collection-page/page-template-sections/collection-banner.md) | The header at the top: a banner image with the collection title, its description, and the breadcrumb trail back to the level above.     |
| [Product grid](/velare/customize-your-pages/collection-page/page-template-sections/product-grid.md)           | The listing itself, plus the filters, the sorting menu, the pagination style, and the promotion tiles you can place among the products. |

{% content-ref url="/pages/VRPjQg1Cif1v5N1CKYr8" %}
[Collection banner](/velare/customize-your-pages/collection-page/page-template-sections/collection-banner.md)
{% endcontent-ref %}

{% content-ref url="/pages/dqx3zBsMaejaLDj6v8r7" %}
[Product grid](/velare/customize-your-pages/collection-page/page-template-sections/product-grid.md)
{% endcontent-ref %}

### Suggested order <a href="#suggested-order" id="suggested-order"></a>

1. Set up [Product grid](/velare/customize-your-pages/collection-page/page-template-sections/product-grid.md) first. Filtering, sorting, and how many products load at once decide how much of the collection a customer actually sees.
2. Then add [Collection banner](/velare/customize-your-pages/collection-page/page-template-sections/collection-banner.md), and size its image against the grid so the products are not pushed off the first screen.
3. Add dynamic sections last, under the grid, so nothing delays the listing.

### Dynamic sections <a href="#dynamic-sections" id="dynamic-sections"></a>

You can add any section that is listed in [Sections](https://app.gitbook.com/s/JPcCAMRfixyNMwC5LwQw/global-sections). The three below are the ones stores reach for most often on a collection page: a moving strip for a shipping or promotion message, a way to point customers at neighbouring categories, and a hand picked row of products under the listing.

| Section                                                                             | Why it is used here                                                                                     |
| ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
| [Scrolling text](/velare/customize-your-pages/storytelling/scrolling-text.md)       | A moving line of text for a short store wide message, placed above or below the grid.                   |
| [Collection list](/velare/customize-your-pages/collections/collection-list.md)      | Sends a customer who is in the wrong category to a related one, instead of back to the menu.            |
| [Featured collection](/velare/customize-your-pages/products/featured-collection.md) | A curated row under the grid, useful for bestsellers or new arrivals when the category itself is large. |

{% content-ref url="/pages/SoW6Azsuj1IvnryIg8oS" %}
[Scrolling text](/velare/customize-your-pages/storytelling/scrolling-text.md)
{% endcontent-ref %}

{% content-ref url="/pages/Ys3szYZAMeTVm7BNLzv9" %}
[Collection list](/velare/customize-your-pages/collections/collection-list.md)
{% endcontent-ref %}

{% content-ref url="/pages/77zyATTX8sjGrauxi9Kw" %}
[Featured collection](/velare/customize-your-pages/products/featured-collection.md)
{% endcontent-ref %}

### Impact outside the theme editor <a href="#impact-outside" id="impact-outside"></a>

Sections you add here apply to every collection using the **Default collection** template. If one category needs its own layout, duplicate the template in the theme editor and assign it to that collection from the Shopify admin, rather than changing the default for all of them.

### Related pages <a href="#related-pages" id="related-pages"></a>

* [Collection page](/velare/customize-your-pages/collection-page.md): the overview of this template
* [Product page template sections](/velare/customize-your-pages/product-page/page-template-sections.md): the equivalent list for product pages
* [Product cards](/velare/customize-your-pages/product-cards.md): the shared presentation rules for every product in the grid


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://uxsmart.gitbook.io/velare/customize-your-pages/collection-page/page-template-sections.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.