> 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.md). # Sections - [Overview](https://staylime.com/docs/avante-themes/sections/overview.md): Browse all Avante theme sections by category: banners, collections, products, media, content, call to action, trust, and layout utilities. - [Banners](https://staylime.com/docs/avante-themes/sections/banners.md): Browse all 10 banner sections in the Avante Shopify theme — hero banners, grids, galleries, scrolling layouts, and fullscreen product banners. - [Image banner](https://staylime.com/docs/avante-themes/sections/banners/image-banner.md): A full-width hero with your heading, text, and buttons over one or two background images. Separate mobile image, overlay controls, and scroll animation. - [Video banner](https://staylime.com/docs/avante-themes/sections/banners/video-banner.md): A full-width hero with a looping background video, your heading and buttons on top, and optional pause and mute controls. - [Slideshow with media](https://staylime.com/docs/avante-themes/sections/banners/slideshow-with-media.md): A rotating hero of image and video slides, each with its own heading, two buttons, countdown timer, and separate mobile media. - [Banner grid](https://staylime.com/docs/avante-themes/sections/banners/banner-grid.md): A mosaic of image and video tiles in four desktop columns, where each tile picks its own size and the grid packs itself. - [Split banner](https://staylime.com/docs/avante-themes/sections/banners/split-banner.md): Two banners side by side, each with its own image, heading and button — or one banner across the full width. - [Banners with sticky content](https://staylime.com/docs/avante-themes/sections/banners/banners-with-sticky-content.md): An editorial layout where a text column stays pinned in the middle of the screen while image and video banners scroll past it on both sides. - [Banner gallery](https://staylime.com/docs/avante-themes/sections/banners/banner-gallery.md): A clean row of up to five image tiles with a heading on each — the simplest way to build a shop-by-category strip. - [Horizontal scrolling banners](https://staylime.com/docs/avante-themes/sections/banners/horizontal-scrolling-banners.md): A full-screen band of media and text panels that moves sideways as the visitor scrolls down the page. - [Fullscreen banner with product](https://staylime.com/docs/avante-themes/sections/banners/fullscreen-banner-with-product.md): A full-screen image or video with your heading, buttons, and a live product card that shoppers can add to cart from the banner. - [Scrolling promotion](https://staylime.com/docs/avante-themes/sections/banners/scrolling-promotion.md): A continuously scrolling ticker bar with text, images, and links. Configurable speed, direction, and hover pause for promotional messages. - [Call to Action](https://staylime.com/docs/avante-themes/sections/call-to-action.md): Contact forms and newsletter signup sections in the Avante Shopify theme — collect customer inquiries and grow your email list. - [Contact Form & Newsletter](https://staylime.com/docs/avante-themes/sections/call-to-action/contact-form-and-newsletter.md): Add a contact page with a two-column contact form, and grow your mailing list with a full-width newsletter signup banner in the Avante Shopify theme. - [Collections](https://staylime.com/docs/avante-themes/sections/collections.md): Display and promote your Shopify collections with 10 layout options — grids, tabs, editorial cards, new arrivals, and related collections. - [Featured collection grid](https://staylime.com/docs/avante-themes/sections/collections/featured-collection-grid.md): Build a grid of collection tiles in Avante: one tile per collection, a sticky side column, custom images and product counts. - [Featured collections](https://staylime.com/docs/avante-themes/sections/collections/featured-collections.md): Show a row of collection cards in Avante. Fill it from the Collections setting or from Collection blocks — and know which one wins. - [Featured collection tabs](https://staylime.com/docs/avante-themes/sections/collections/featured-collection-tabs.md): Group several collections into tabs in Avante. Each tab browses the full collection in its own order, loaded in batches. - [New arrivals tabs](https://staylime.com/docs/avante-themes/sections/collections/new-arrivals-tabs.md): Show the newest products from several collections in Avante, one tab per collection, sorted by creation date. - [Featured collection with media](https://staylime.com/docs/avante-themes/sections/collections/featured-collection-with-media.md): Pair one collection with a large image or video in Avante, and choose between collection order and a random starting point. - [Featured collection with product grid](https://staylime.com/docs/avante-themes/sections/collections/featured-collection-with-product-grid.md): A promo panel paired with a shoppable product grid — the section most stores use for New arrivals. Image or loop video on one side, the collection's products on the other. - [Collection list with popover image](https://staylime.com/docs/avante-themes/sections/collections/collection-list-with-popover-image.md): A list of large collection headings in Avante, with the collection image following the pointer as a popover. - [Collection with sticky image](https://staylime.com/docs/avante-themes/sections/collections/collection-with-sticky-image.md): Pin an image beside a scrolling product grid in Avante, and choose between collection order and a random starting point. - [New arrivals collection](https://staylime.com/docs/avante-themes/sections/collections/new-arrivals-collection.md): The promo panel and product grid of Featured collection with product grid, sorted by creation date — a new arrivals block that maintains itself. - [Related collections](https://staylime.com/docs/avante-themes/sections/collections/related-collections.md): Links shoppers from a product page to its collection and to everything else by the same brand — up to three navigation cards below the product. - [Content / Text](https://staylime.com/docs/avante-themes/sections/content-text.md): Text and content sections in the Avante Shopify theme — rich text, blog posts, FAQ tabs, event listings, and interactive link lists. - [Layout](https://staylime.com/docs/avante-themes/sections/layout.md): Utility and layout sections — anchor links for in-page navigation, custom code blocks, spacing controls, and visual dividers. - [Custom HTML, Custom Liquid, Empty Space & Line](https://staylime.com/docs/avante-themes/sections/layout/custom-html-custom-liquid-empty-space-and-line.md): Insert custom HTML or Liquid code, control spacing with Empty Space, and add visual dividers with Line in the Avante Shopify theme. - [Media](https://staylime.com/docs/avante-themes/sections/media.md): Visual and media sections in the Avante theme — image grids, comparison sliders, shoppable stories, video embeds, hotspot images, and text-media layouts. - [Image with Hotspots](https://staylime.com/docs/avante-themes/sections/media/image-with-hotspots.md): Add interactive clickable hotspots to product or lifestyle images — visitors click a dot to see product details, descriptions, or links. - [Image grid](https://staylime.com/docs/avante-themes/sections/media/image-grid.md): A gallery of extra images pulled from the custom.gallery metafield — masonry or fixed-ratio grid with an optional zoom lightbox. - [Products](https://staylime.com/docs/avante-themes/sections/products.md): Product display sections — featured products, recommendations, recently viewed items, build-your-own bundles, and curated product selections for any page. - [Product bundle](https://staylime.com/docs/avante-themes/sections/products/product-bundle.md): Shoppers build a bundle from collections or products you choose. The section previews a Shopify automatic discount and does not apply it. - [Product details](https://staylime.com/docs/avante-themes/sections/products/product-details.md): The section below the buy area: the product description, a specification table built from metafields, and collapsible tabs for shipping, care and returns. - [Quick order list](https://staylime.com/docs/avante-themes/sections/products/quick-order-list.md): A table of every variant of the current product, with quantity, price, and stock, so a shopper can order several variants at once. - [Featured product](https://staylime.com/docs/avante-themes/sections/products/featured-product.md): Featured product puts one complete product — gallery, variant selector and Add to cart — on any page that is not a product page. - [Trust & Social Proof](https://staylime.com/docs/avante-themes/sections/trust-and-social-proof.md): Build trust with Icons with Text for USP bars, Logo Slider for partner and press logos, and Testimonials for customer reviews and quotes. - [Icons with Text & Logo Slider](https://staylime.com/docs/avante-themes/sections/trust-and-social-proof/icons-with-text-and-logo-slider.md): Display store benefits and USPs with Icons with Text, or showcase partner brands, press mentions, and trust badges with the Logo Slider section. - [Testimonials](https://staylime.com/docs/avante-themes/sections/trust-and-social-proof/testimonials.md): Display customer testimonials and quotes as a styled slider or grid — with author photos, star ratings, and customizable card layouts. --- # 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.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.