Banners

The Banners chapter includes sections designed to display promotional, visual, or storytelling content across your store.

These sections are highly flexible and can be added to any page to highlight campaigns, featured collections, or key brand messages. Each banner type offers unique layout and design options to fit various presentation needs.

Of course! Here’s the same content rewritten in a Shopify documentation tone — descriptive, professional, and formatted as a non-numbered list, without a table.

---

Banners

The Banners chapter includes a set of visual and promotional sections designed to showcase key content, campaigns, and imagery across your store. These sections can be placed on any page and configured individually to create striking visual layouts that draw attention to featured products, categories, or brand messages.

---

Below are the sections included under the Banners category:

• Banners The standard banner section used to display one or several promotional images with optional text and call-to-action buttons. This section is ideal for highlighting featured collections, special offers, or important announcements. It supports image overlays, adjustable text alignment, and flexible layout options.

• Banners Collage Displays multiple banner blocks arranged in a collage-style grid. Each block can include a separate image, title, and link, allowing you to promote several collections or campaigns at once. This section creates a visually engaging layout that balances imagery and text content.

• Banners with Text Outside A banner layout where the text content (title, description, and button) is placed outside the image container. This design keeps the focus on the image itself while ensuring that text remains clear and easy to read beside or below the banner.

• Collage A creative layout that combines images, videos, and text blocks in a flexible grid. The Collage section is often used for storytelling or lifestyle presentations, helping merchants convey a brand mood or visual narrative through a combination of media.

• Image Comparison An interactive “before and after” section that lets users slide between two images to compare them. Commonly used to demonstrate product transformations, makeovers, or visual improvements. The section includes a draggable handle for smooth comparison.

• Slider A carousel-style section that cycles through multiple banner slides. Each slide can contain an image, heading, and button link. The slider can be set to autoplay or manual navigation and is well-suited for hero areas, home pages, or promotional sections that require multiple rotating visuals.