Highlights banner

The Highlights banner section introduces your customers to offered services, hours of operation, and other brief details about your store.

Add this section to

Customize section settings

Click the Highlights banner section to open its general settings.

Section width

Use the Section width dropdown to select either Full width or Content width.

Show section spacing

Enable Show section spacing to add more spacing between the Highlights banner and other sections.

Icon layout

Position the icon beside (Left) or above (Center) the text by selecting an option from the Icon layout dropdown.

Colors

Assign specific colors to the highlights block elements by clicking the rounded-rectangle swatch beside Text color, Icon color, and Background color.

Layout for mobile devices

If you're using the latest version of Empire, use the Layout dropdown under MOBILE to control how the blocks are organized for smaller, mobile devices.

The options are:

• Grid
• Slideshow

Slideshow reflects the desktop layout and customers can view the overflow content by swiping sideways. 

Grid stacks the blocks to fit within the narrow width of the mobile device.

Add the content blocks

Include up to 4 Highlights banner blocks, each with its own Icon or Image, Heading, Text, and Link.

Select one of the preloaded highlight blocks (e.g. Free Shipping) to customize its content. Click (+) Add highlight to add more.

Icon

Choose an Icon using the provided dropdown.

Image

To use an Image instead of an icon, click Select image.

Images resized or cropped to 50 x 50px are ideal for the Image option.

Text and link

Include a Heading, Text, and Link using the labeled fields.