> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/sections/collections.md).

# Collections

Ten sections for showcasing products by collection — from simple grids and tabbed interfaces to editorial layouts with sticky media, filterable tabs, and automated "new arrivals" feeds.

***

### Section overview

<table data-search="false"><thead><tr><th>Section</th><th>Page</th><th>What it does</th></tr></thead><tbody><tr><td>Featured Collection Grid</td><td><a href="/pages/PsNQ94QszrlXDyy76DR9">Featured Collection Grid &#x26; Featured Collections</a></td><td>Product grid from a single collection with customizable card layout</td></tr><tr><td>Featured Collections</td><td><a href="/pages/PsNQ94QszrlXDyy76DR9">Featured Collection Grid &#x26; Featured Collections</a></td><td>Multi-collection showcase with collection cards linking to individual pages</td></tr><tr><td>Featured Collection Tabs</td><td><a href="/pages/lNBiWdAJHQHXZmsIXdx8">Featured Collection Tabs &#x26; New Arrivals Tabs</a></td><td>Tabbed interface switching between multiple collections inline</td></tr><tr><td>New Arrivals Tabs</td><td><a href="/pages/lNBiWdAJHQHXZmsIXdx8">Featured Collection Tabs &#x26; New Arrivals Tabs</a></td><td>Tabbed product display filtered by "new arrivals" logic with countdown</td></tr><tr><td>Featured Collection with Media</td><td><a href="/pages/bKZZCLtoERD2cvKsMYIT">Featured Collection with Media &#x26; Product Grid</a></td><td>Collection paired with a large media block (image or video) alongside products</td></tr><tr><td>Featured Collection with Product Grid</td><td><a href="/pages/bKZZCLtoERD2cvKsMYIT">Featured Collection with Media &#x26; Product Grid</a></td><td>Products displayed in a grid with a prominent featured product card</td></tr><tr><td>Collection List</td><td><a href="/pages/hrggPOxrVdVkgA2LLFc2">Collection List &#x26; Collection with Sticky Image</a></td><td>Visual grid of collection cards for category navigation</td></tr><tr><td>Collection with Products</td><td><a href="/pages/hrggPOxrVdVkgA2LLFc2">Collection List &#x26; Collection with Sticky Image</a></td><td>Collection products with a sticky sidebar image that follows the scroll</td></tr><tr><td>New Arrivals Collection</td><td><a href="/pages/MKl0odhXmQVo3cmbbiu6">New Arrivals Collection &#x26; Related Collections</a></td><td>Automated feed of newest products across the store</td></tr><tr><td>Related Collections</td><td><a href="/pages/MKl0odhXmQVo3cmbbiu6">New Arrivals Collection &#x26; Related Collections</a></td><td>Dynamic collection suggestions based on the current page context</td></tr></tbody></table>

***

### Quick decision guide

**Simple product grid from one collection?** → Featured Collection Grid — the most straightforward option with full product card control.

**Showcase multiple collections as a directory?** → Featured Collections for collection cards, Collection List for a visual category grid.

**Let visitors switch between collections without page reload?** → Featured Collection Tabs — inline tabbed interface with product grids per tab.

**Highlight new products automatically?** → New Arrivals Collection for a standalone feed, New Arrivals Tabs for a tabbed version with countdown timers.

**Editorial layout mixing media and products?** → Featured Collection with Media for a large image/video alongside products. Collection with Products for a sticky sidebar image.

**Cross-sell related categories?** → Related Collections — dynamically suggests related collection cards.

***

### Shared features

Most collection sections share product card settings (image ratio, hover behavior, quick view, color swatches), section heading with optional button, mobile layout controls (columns, navigation style), and color scheme overrides.


---

# 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://staylime.com/docs/avante-themes/sections/collections.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.