The Highlights banner section introduces your customers to offered services, hours of operation, and other brief details about your store.
Customize section settings
Click the Highlights banner section to open its general settings.
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.
Position the icon beside (Left) or above (Center) the text by selecting an option from the Icon layout dropdown.
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:
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.
Choose an Icon using the provided dropdown.
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.
Full icon list
Empire includes the following icons for the Highlights banner section
- Award trophy*
- Cell phone
- Chat alternate
- Credit card
- Delivery cart*
- Delivery door*
- Delivery package*
- Delivery hand-off*
- Gift card
- Label tag
- Number 14*
- Number 24*
- Number 30*
- Question mark
- Rating star*
- Rating five-star*
- Tape measure*
- Thumbs up*
* Added in v5.9.0