Knowledge Base


  • Video block
  • Video Tutorials

  • Watch our easy-to-follow video tutorials for quick tips on designing and managing your store.
  • View Video Tutorials

Creating a Banner

Banners can be used to display an image or block of content, and set to appear for a specific period of time for a promotion. You can create banners that are visible to certain customer groups, or whenever price rule conditions and coupons apply.

Banner at Top of Main Content Area
Banner at Top of Main Content Area

When designing banners for your store, you should take into consideration both the page layout and the theme you are using. Banners are often designed to appear on a specific page, and area of the page. Although the header and footer are a fixed width, the width of the content area and left and right columns can vary according to theme and page layout. When designing a banner with graphic images, it is important to have an understanding of the layout of the page, so you can take full advantage of the available space.

Creating a Banner

A banner can be as simple as an image. or contain a combination of text and code that triggers an event. After a banner is created, you can use the Frontend App tool to place it in your store, and combine it with other banners in a rotating sequence.

To create a banner:

  1. From the Admin menu, select CMS > Banners.
  2. Click the Add Banner button. Then, do the following:
    1. Enter a descriptive Banner Name.
    2. Set Active to “Yes.”
    3. In the Applies To list, select one of the following:
      • Any Banner Type
      • Specified Banner Type: This setting determins where in the store the banner can be used. (To select more than one, hold the Ctrl key down and click each option.
    4. In the Banner Information panel on the left, select Content. Then in the Default Content section, enter any HTML code needed for the banner.
    5. To insert an image, click the Insert Image button. Then, select the image from Media Storage.
    6. To customize the content for a specific store view, clear the Use Default check box, and enter the custom content for the each view.
  3. When complete, click the Save Banner button.

Banner Type by Location

Location Description
Content Area The width of the main content area varies, depending on the column layout.
Footer The bottom section of the page contains the footer links and copyright notice.
Header The top section of the page contains your logo, account links, search box, and top navigation.
Left Column The left column of a two- or three-column layout.
Right Column The right column of a two- or three-column layout.