BigCommerce Supermarket Theme Documentation
IndexGet Started
CustomizationLayoutTop BannerColors CustomizationAdvanced Top BannerHeaderMain NavigationHome PageFooterSidebarCategory PageProduct PageBrands PageInstant LoadCustom PopupsBanner Sizes
Child Themes

Top Banner

Top Banner

Create or edit the top banner in Marketing > Banners. Remember to choose Location = Top of Page.

Colors Customization

To customize this banner's colors, go to Storefront Design > My Themes, click Customize button of the current theme to open Theme Editor.

Click customize theme

Find the options below:

Theme editor top banner

Advanced Top Banner

Advanced top header banner

You can show the top banner on all pages or on all other page exclude the homepage. Go to Theme Editor > Banners > choose Advanced top header banner:

configure Advanced top header banner

Edit the top banner's content in Marketing > Banners, click button Create a Banner. In Banner Content box, click the square HTML button to open HTML Source Editor.

Use the editor below to generate HTML. Click Export HTML button, copy & paste the generated HTML to HTML Source Editor.

Other fields should be configured as below:

  • Show on Page: Search Results Page
  • Visible: Checked
  • Location: Top of Page

Tutorial video

Also check out the tutorial video below:

  • Display a top banner on all pages with the new documentation:
  • Old video: