Skip to main content

Add a banner to your storefront

Put your own image, with a heading and a button, at the top of your storefront's home page.

S
Written by Sophie Mcdonald

A banner puts your own image at the top of your storefront's home page, with a heading and a button if you like.

Choose a layout

  1. In the menu, open Configuration, then Website.

  2. Click the Storefront Theme tab and open Marketplace Display.

  3. Under Homepage Hero, choose Banner image to replace the featured collection, or Banner + collection to show your image above it.

Homepage Hero with Featured collection, Banner image and Banner + collection

Upload your image

  1. Click Browse and choose a PNG, JPEG or WEBP file up to 10MB. 2400 × 800 pixels works best.

The uploaded banner image, 2400 × 800 pixels

Until you upload an image, customers keep seeing the featured collection.

Add text and a button

  1. Add a Heading and Subheading if you like.

  2. Add Alt text to describe the image for screen readers and search engines.

  3. For a button, choose where it goes under Link and type its Button text. The button only shows when the banner has a link.

Link set to Featured collection, and Alt text filled in

Preview and save

  1. Click Browse Preview to check how your storefront will look.

  2. Click Save Theme.

Browse Preview showing the banner with its heading at the top of the storefront

Your banner is now on your storefront.

Related Articles
Did this answer your question?