Overview

Browse all Avante theme sections by category: banners, collections, products, media, content, call to action, trust, and layout utilities.

What is a section?

Sections are the building blocks of your Avante store — a banner, a product grid, a slideshow, a testimonial. You add, reorder, and remove them in the Theme Editor to build a page without code. Each section is made of blocks that control its inner content (headings, images, buttons, slides, and so on).

How sections work in the Theme Editor

• Add a section — click Add section and pick from the library
• Reorder — drag and drop to change the page order
• Customize — adjust each section's settings in the right-hand panel
• Add blocks — click Add block inside a section to add slides, images, products, etc.
• Duplicate or remove — from the section's menu

Changes preview in real time.

Common section settings

Most sections share the same core controls. They're described here once; each section page covers only what's unique to it.

Layout & width

Setting	What it does
Section width	Overlap by navigation (full-bleed under a transparent header), Full-width, or Wide
Narrow content width	Constrains the content block to a narrower column
Desktop / Mobile section paddings	Top and bottom spacing, set separately per device

Content positioning

Setting	What it does
Center text	Centers the content block
Vertical / Horizontal content position	Places content Top/Center/Bottom and Left/Center/Right
Heading / Text / Button	Content blocks; wrap a word in {curly brackets} for the Secondary heading font (Theme settings → Typography)

Image overlay (media & banner sections)

Setting	What it does
Image overlay	Solid color over the image for text contrast
Image overlay gradient	Gradient instead of a solid color
Image overlay opacity	Strength of the overlay (%)

Colors

Setting	What it does
Color scheme	Base, Swap, or Set — apply a theme color scheme to the section
Fill the entire section	Extends the scheme background across the full section

For recommended image and video dimensions, see Image & video size recommendations.

Common blocks

Many sections are built from the same set of blocks. They work the same way wherever they appear; section pages list only the blocks unique to them.

Block	What it does
Heading	Main title; supports gradient color. Wrap a word in {curly brackets} for the Secondary heading font
Subheading	Small text above the heading
Text	A paragraph of supporting text
Button	A call-to-action link (label, link, style)
Image	An image block
Inline image reveal	Reveals an image on hover next to matching text inside a Heading block. Set Hover text to exactly match a word/phrase in a Heading block, then pick the Image (and optional Link)
Context image	A small supplementary image beside the content
Empty space	Vertical spacing with separate desktop and mobile heights
Line	A divider line with its own padding
Video button	A button that opens a video in a popup
Custom liquid	Insert custom Liquid code
Promo code	Show a copyable promo code
Countdown timer	A live countdown (in banners and promo sections)

Section padding ranges

Every section's Top/Bottom padding can be set: Desktop −160 to 160px (4px steps), Mobile −80 to 80px (4px steps).

Tip: to merge two sections seamlessly, set the upper section's bottom padding and the lower section's top padding both to −160px.

---

Banners

Hero banners, grids, galleries, scrolling layouts, and fullscreen product banners.

Call to Action

Contact forms and newsletter signup sections.

Collections

Collection grids, tabs, editorial cards, new arrivals, and related collections.

Content / Text

Rich text, blog posts, FAQ tabs, events, and interactive link lists.

Layout

Anchor links, custom HTML and Liquid, spacing, and dividers.

Media

Image grids, comparison sliders, shoppable stories, video, and hotspot images.

Products

Featured products, recommendations, and recently viewed items.

Trust & Social Proof

USP bars, partner logo sliders, and customer testimonials.

---

Still need help? Contact our support team.

Submit a request – Staylimestaylime.zendesk.com