Create a Strong Visual First Impression
Showcase your brand, new arrivals, promotions, collections, or seasonal campaigns with a large visual and clear message.
Create a flexible banner with custom images, text, overlays, and buttons. Use it to highlight products, collections, campaigns, or important store messages.
2.0 Compatible
Responsive Design
Customizable Banner 
Build a responsive banner with custom images, content placement, buttons, overlays, and simple styling controls from the Shopify theme editor.
Add a desktop image to create the main visual for your banner.
Upload a separate image for mobile screens.
Choose Adapt to Image, Small, Medium, or Large.
Place content at the top, middle, or bottom and align it left, center, or right.
Add a heading and rich-text content over the banner image.
Add a color overlay and adjust its opacity for better text visibility.
Add up to two buttons with custom labels, links, styles, and colors.
Adjust images, content position, alignment, and spacing for different screens.
Customize the banner images, content, buttons, and layout from one place.
Applies to the whole section
Main image displayed on desktop.
Desktop ImageImage displayed on mobile screens.
Mobile ImageSet the banner image height.
Image HeightMain heading displayed on the banner.
HeadingSupporting text displayed with the heading.
ContentText displayed on the first button.
LabelDestination linked to the first button.
LinkText displayed on the second button.
LabelDestination linked to the second button.
LinkChoose the content position on the desktop.
PositionChoose how the content is aligned.
AlignmentSet the image overlay opacity.
OpacityChoose the image overlay color.
Overlay ColorSet the heading text color.
Heading ColorSet the first button background color.
Background ColorSet the second button background color.
Background ColorMake the banner span the available width.
Full WidthSet the maximum section width.
WidthUse the Featured Banner Image to highlight important content, promote campaigns, showcase products, or guide visitors to key pages.
Showcase your brand, new arrivals, promotions, collections, or seasonal campaigns with a large visual and clear message.
Create a strong first impressionHighlight featured productsPromote offers and campaignsGuide visitors to key pagesUse a banner to highlight seasonal products, promotions, featured categories, or important collection messages.
Highlight key collectionsPromote seasonal productsSupport collection messagingGuide shoppers to relevant contentHighlight product benefits, special offers, related collections, or supporting messages with a strong visual banner.
Add useful product contextHighlight special offersSupport related product discoveryStrengthen product messagingCombine a large image, focused message, and CTA buttons to introduce a campaign and guide visitors toward products or collections.
Capture attention quicklyHighlight promotionsStrengthen campaign messagingAdd clear CTAsCombine custom images, content, buttons, overlays, and responsive controls to create banners that fit your store and communicate your message clearly.
Create engaging banners with flexible content, visuals, CTAs, positioning, overlays, and responsive settings for your Shopify storefront.
Showcase strong visualsAdd custom banner contentUse separate mobile imagesAdd up to two CTAsControl content positioningAdjust image overlaysMatch your brand stylingCreate responsive layouts
Use high-quality images
Choose visuals that fit your message
Use a mobile image when needed
Keep text short and clear
Use relevant CTA labels
Make text easy to read 
Use blurry images
Choose unrelated visuals
Add too much text
Use vague CTA labels
Make text hard to read
Ignore the mobile layout Yes. Upload different images for desktop and mobile to create a better layout on each screen size.
Yes. Place the content at the top, middle, or bottom and align it left, center, or right.
Yes. You can add up to two buttons with separate labels, links, and styling.
Yes. Choose an overlay color and adjust its opacity to improve text readability.
Yes. Choose Adapt to Image, Small, Medium, or Large from the image height settings.
Yes. The section supports separate mobile images, content positioning, alignment, and spacing controls.
Yes. Enable Full Width or set a custom maximum width when using a contained layout.
For Support or any Questions Email Us: [email protected]
Install SectionHub and add the Featured Banner Image section to your theme in minutes - no coding required.
