Hero Banners

Master the most impactful section of your homepage.

Hero Banner (Full-Width Desktop Preview)

Replace this placeholder with the actual screenshot

Overview

The Hero Banner is typically the first thing your customers see. Sellzar includes multiple variations—from immersive full-screen sliders to modern split-layout banners—to help you tell your brand's story effectively.

Hero Banner Variations

Classic Hero Slider

Supports multiple slides with background images/videos, centered text, and dual call-to-action buttons.

Classic Slider Layout

Replace this placeholder with the actual screenshot

Modern Split Hero

A contemporary layout featuring a high-quality product image paired with bold typography on a clean background.

Split Layout Preview

Replace this placeholder with the actual screenshot

Configuring Your Hero

To customize your hero section:

Background Media

Upload high-resolution images (min. 1920px width) or provide a Shopify-hosted video URL for an immersive background.

Overlay Tint

Adjust the background overlay opacity (0-100%) to ensure your text remains perfectly legible over complex images.

Text Alignment

Choose between Left, Center, or Right alignment for your headings and buttons to match your brand style.

Hero Section Settings in Sidebar

Replace this placeholder with the actual screenshot

Image Aspect Ratios

We recommend using **16:9** for desktop banners and **4:5** or **1:1** for mobile-specific banners to ensure the best performance and visual appeal across all devices.

Animation Settings

Sellzar's hero sections support native scroll animations. You can choose between "Fade Up" and "Fade In" for your text content to give your store a premium, dynamic feel as users scroll.

Hero Text Animation Preview

Replace this placeholder with the actual screenshot

← Promo Modal

Next: Product Slider

Product Slider →