Banners & Image Sections

Banners are the visual storytellers of your store. Use them to break up product grids and share your brand message.

A classic, versatile section. Use it for secondary promotions or category headers.

Add Image Banner.
Images: Upload a desktop and mobile image.
Buttons: You can add up to two buttons (e.g., "Shop Men" and "Shop Women").
Overlay: Adjust the opacity of the black overlay to make text more readable.

Image with Text

The most useful section for explaining products. It puts an image on one side and text on the other.

Add Image with Text.
Layout: Choose Image first (Left) or Image second (Right).
Content: Write a catchy heading and a short paragraph explaining a benefit of your product.
Tip: Use alternating layouts (Left-Right-Left) down the page to create a nice reading flow.

Perfect for beauty, cleaning, or home improvement products.

Add Before/After Slider.
Upload Images:
- Image 1: The "Before" state.
- Image 2: The "After" state.
Labels: Customize the text on the slider handle (e.g., "Dirty" vs "Clean").
Result: Customers can drag the slider to see the transformation.

This is the banner at the top of your Collection pages (e.g., /collections/all).

Navigate to a Collection page in the theme editor.
Click on Collection Banner Pro.
Description: You can choose to show the collection description. If it's too long, enable "Read more" to collapse it.
Background: You can use the collection's featured image as the background, or upload a specific banner image.

A specialized section for "About Us" pages.