Full Width Image
Introduction
In Flexi, you can add a Full Width Image section that spans across your entire page, which is perfect for running promotions. But more often, merchants want to go a step further: instead of showing just one static banner, they add multiple images and make the banner rotate. This creates a more dynamic experience, lets you highlight several promotions at once, and adds a polished, professional feel to any Shopify theme.
Rotating image banner
Rotating image banners are one of the most common design elements you’ll see on Shopify stores. They’re a simple but powerful way to:
Highlight multiple campaigns or seasonal promotions
Showcase brand photography in a clean, professional way
Make the most of limited homepage real estate without cluttering your layout
Most Shopify themes (like Dawn or Horizon) let you add a full-width image banner, but they don’t always support rotating multiple images out of the box. That’s where Flexi comes in.
In this guide, I’ll walk you through how to set up a rotating banner in any Shopify theme, step by step.
Why Use a Rotating Image Banner?
If your store runs different promotions throughout the year, you don’t want to constantly swap out your main hero banner. A rotating banner lets you:
Cycle through multiple offers automatically
Keep your site looking fresh without constant manual changes
Add a polished, professional touch to your storefront
Getting Started
Step 1: Add the Rotating Image Banner
Inside the Flexi app, choose the Rotating Image Banner section and install it onto your theme.
Then, head into the Shopify theme editor, click Add section, and search for Full Width Image.
Step 2: Add Your Images & Content
With the section in place, it’s time to add content:
Select the Rotating Images layout
Add image blocks and upload both desktop and mobile versions for best results
Adjust the banner height and sizing to fit your design
Pro tip: keep all your images the same aspect ratio. This prevents the layout from “jumping” when the banner rotates.
Step 3: Preview & Publish
Click save, preview your site, and you’ll see your rotating banner live. Now, instead of a single static hero, you can rotate through multiple campaigns seamlessly.
Last updated