A Hero Image Banner is a large image prominently featured near the top center of your store's front page. A Hero Image Banner can be useful for communicating important information to your customers, such as sales or specials.

To add a Hero Image Banner to your site, open the Site Designer feature by clicking the Site Designer icon in the Left Navigation Menu on your store's Dashboard.

Locate a spot on your page to display the Hero Image Banner Block. Mouse over the location until the Plus Sign icon appears. Click the icon to add your block.

The Add a Block menu will pop-out on the left side of the page. Open the Images block category under Default Blocks, then scroll down to Hero Image. Click Add Block to add it to your page.

To personalize the block, mouse over it and click Edit. The settings menu will appear on the left.

Hero Image Block Settings

Configure

Full width section

Padding on top

Padding on bottom

Content

Image

Image Description

Change Image- opens the Select Media pop-up to change the image and image description

Enable parallax (desktop only)

Enable mobile image override

Mobile image (optional)

Image Description

Change Image- opens the Select Media pop-up to change the mobile image and image description

Overlay area

Content position

Content horizontal offset

Content vertical offset

Text

Edit Text- opens the Edit Text pop-up to change the text overlay on your hero image

Button 1

Enable toggle

Text

Link

Open in new window toggle

Button style

Alignment

Button 2

Enable toggle

Text

Link

Open in new window toggle

Button style

Colors

Overlay

Text

Did this answer your question?