To display banners in your online store's customer area, you need to create banner areas in your store's theme. This is where you’ll be able to learn about the banner spots in the default theme. The default theme comes with a number of diverse banner spots for pages with different forms of content.

Learn how to add banners to banner groups ›

Front page

In the default theme, the banners from the frontpage banner group are displayed on the front page as a banner carousel. To display a banner in the banner carousel on the front page, add it to the frontpage group.

Recommended banner image size: 1920 x 480 px.

In the mobile and tablet size, the banners are cut in a way so that only the part that fits on the screen is displayed.

Product category banners

In the default theme, you can create banner carousels specific for a product category:

  1. In the admin panel, on the Products page, select the desired product category.
  2. In the browser's address bar, check the ID number of the product category.
  3. Create a new banner group. See the instructions ›
  4. As the group's code name, indicate the category-ID, e.g. category-10.
All banners added to the banner group you've just created will be displayed on the said product category's page in the form of the same banner carousel as on the front page.

Recommended banner image size: 1920 x 480 px.

In the mobile and tablet size, the banners are cut in a way so that only the part that fits on the screen is displayed.

Sidebar banners

In the default theme, both on the front page as well as on product category and brand pages, you can see the banners from the sidebar-left in the sidebar on the right.

The banners are displayed one under another below the product category and brand menus.

Recommended banner image size: max. width 480 px.

This area is especially suitable for high and narrow or square images, as in the desktop size, banners are displayed in a narrow sidebar one under another. In the mobile size, the banners take up the whole width of the screen, and, in the tablet size, two banners are displayed next to each other.

Campaign images

The campaign image is displayed in a way similar to a banner on product category, brand and campaign pages. The campaign image can be set in the edit form of these pages.

Recommended campaign image size: max. width 870 px.

This area is especially suitable for broad and short, or square images. In the mobile and table size, the images take up the screen's width and are not cut.

News images

On news pages, news images are displayed in a way similar to campaign images e.g. on brand pages.

Recommended news image size: max. width 870 px.

This area is especially suitable for broad and short, or square images. In the mobile and table size, the images take up the screen's width and are not cut.