1. Types of appearance styles

Banner templates

You can select from different Sitecore Discover banner templates. Choose a template based on the number of images you want.

One image banner setting size

This template has one fixed-size, clickable image. Discover renders the image with the <img> html tag.

The following image shows an example of the one-image banner setting size template:

This is a single image. On the left, a woman holds a laptop. On the bottom right, text appears in two lines. There is a grayish background.

One image banner

This template has one clickable image. Discover renders the image as a background image.

The following image shows an example of the one image banner template:

This is a single image with a woman on the right.

Two image banner

This template has two clickable images in two columns.

The following image shows an example of the two image banner template:

Two images appear side by side.

Three image banner 1-2 split

This template has three clickable images in two columns. The first column has one image and the second column has the two images in two rows.

The following image shows an example of the three image banner 1-2 split template:

There are three images in two columns. The first column has one image, and the second column has two images in two rows.

Four image banner 1-1-2 split

This template has four clickable images in three columns. The first image is in the first column. The second image occupies the top row of the second and third columns. The third and fourth images occupy the bottom rows of the second and third columns.

The following image shows an example of the four image banner 1-1-2 split template:

There are 4 images of different sizes. The first image is in the first column. The second image occupies the top row of the second and third columns. The third and fourth images occupy the bottom rows of the second and third columns.

Five image banner 1-2-2 split

This template has five clickable images in three columns. The first image is in the first column. The second and fourth images occupy the second column, and the third and fifth images occupy the third column.

The following image shows an example of the five image banner 1-2-2 split template:

There are five images in three columns. The first image is in the first column. The second and fourth images occupy the second column, and the third and fifth images occupy the third column.

Use these templates

To use these templates, configure the following settings in the Widgets section:

  • Basic settings
  • Image settings
  • Box model settings
If you have suggestions for improving this article, let us know!