> 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 Display and promote your Shopify collections with 10 layout options — grids, tabs, editorial cards, new arrivals, and related collections. Ten sections for showcasing products by collection — from simple grids and tabbed interfaces to editorial layouts with sticky media, and new arrivals from a collection you choose. Each section has its own page below. *** ### Section overview | Section | What it does | | -------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | | [Featured collection grid](/docs/avante-themes/sections/collections/featured-collection-grid.md) | Grid of collection tiles — one Collection block per tile, each linking to its collection page | | [Featured collections](/docs/avante-themes/sections/collections/featured-collections.md) | Collection cards filled either from the Collections setting or from blocks — the setting overrides the blocks | | [Featured collection tabs](/docs/avante-themes/sections/collections/featured-collection-tabs.md) | Tabs that switch between collections inline, each tab browsing the whole collection in its own order | | [New arrivals tabs](/docs/avante-themes/sections/collections/new-arrivals-tabs.md) | One Collection block per tab, each showing that collection's products sorted by newest first | | [Featured collection with media](/docs/avante-themes/sections/collections/featured-collection-with-media.md) | One collection next to a large image or video, in collection order or from a random starting point | | [Featured collection with product grid](/docs/avante-themes/sections/collections/featured-collection-with-product-grid.md) | Promo panel next to a product grid from one collection, in the collection's own sort order | | [Collection list with popover image](/docs/avante-themes/sections/collections/collection-list-with-popover-image.md) | A list of large collection headings, with the collection image following the pointer | | [Collection with sticky image](/docs/avante-themes/sections/collections/collection-with-sticky-image.md) | Products from one collection beside an image that stays pinned while they scroll | | [New arrivals collection](/docs/avante-themes/sections/collections/new-arrivals-collection.md) | The promo panel and grid of Featured collection with product grid, sorted by newest first | | [Related collections](/docs/avante-themes/sections/collections/related-collections.md) | Collection and brand links on the product page, built from the product's collection and vendor | *** ### Quick decision guide **Simple product grid from one collection?** → [Featured collection with product grid](/docs/avante-themes/sections/collections/featured-collection-with-product-grid.md) — the products of the collection you pick, in the order the collection itself is sorted. **Showcase multiple collections as a directory?** → [Featured collections](/docs/avante-themes/sections/collections/featured-collections.md) or [Featured collection grid](/docs/avante-themes/sections/collections/featured-collection-grid.md) for collection cards, [Collection list with popover image](/docs/avante-themes/sections/collections/collection-list-with-popover-image.md) for an editorial list. **Let visitors switch between collections without page reload?** → [Featured collection tabs](/docs/avante-themes/sections/collections/featured-collection-tabs.md) — inline tabbed interface with product grids per tab. **Highlight new products automatically?** → [New arrivals collection](/docs/avante-themes/sections/collections/new-arrivals-collection.md) for a single collection sorted by newest first, [New arrivals tabs](/docs/avante-themes/sections/collections/new-arrivals-tabs.md) for the same thing across several collections, one per tab. **Editorial layout mixing media and products?** → [Featured collection with media](/docs/avante-themes/sections/collections/featured-collection-with-media.md) for a large image or video alongside products, [Collection with sticky image](/docs/avante-themes/sections/collections/collection-with-sticky-image.md) for an image that stays pinned while the grid scrolls. **Cross-sell related categories?** → [Related collections](/docs/avante-themes/sections/collections/related-collections.md) — collection and brand links built from the product in view. *** ### Shared features Not every section in this group shows the same kind of card, and the difference decides which settings you get. [Featured collection grid](/docs/avante-themes/sections/collections/featured-collection-grid.md), [Featured collections](/docs/avante-themes/sections/collections/featured-collections.md), [Collection list with popover image](/docs/avante-themes/sections/collections/collection-list-with-popover-image.md) and [Related collections](/docs/avante-themes/sections/collections/related-collections.md) render **collection cards** — an image, a title and a link to a collection page. There are no prices, no colour swatches and no quick view in these four, because there is no single product behind the card. [Featured collection tabs](/docs/avante-themes/sections/collections/featured-collection-tabs.md), [New arrivals tabs](/docs/avante-themes/sections/collections/new-arrivals-tabs.md), [Featured collection with media](/docs/avante-themes/sections/collections/featured-collection-with-media.md), [Featured collection with product grid](/docs/avante-themes/sections/collections/featured-collection-with-product-grid.md), [Collection with sticky image](/docs/avante-themes/sections/collections/collection-with-sticky-image.md) and [New arrivals collection](/docs/avante-themes/sections/collections/new-arrivals-collection.md) render **product cards**, and share the full card set: image ratio and focal point, hover behaviour, add to cart, quick view, colour pills, vendor, rating, short description and pickup availability. What all ten share is the frame around the content — a section heading with its own size, tag and colour, mobile layout controls, colour scheme overrides, and separate desktop and mobile padding. --- # 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 by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://staylime.com/docs/avante-themes/sections/collections.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. 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.