Adding Hero Images
Highlight your products using hero images in your online store.
A hero image is a large picture that is stretched across the top of the page like a banner. You can add these images to increase the visual appeal of your products for customers, but they are not necessary for the online store to function.
To add a hero image or view your existing images, click on
Online Store and
Online Store Configuration.
Hero Images from the menu on the right-hand side of your screen.
Any of your existing hero images will be displayed on this page.
Adding a New Hero Image
To add a new hero image, click on
Add in the corner of the hero images screen.
You can now enter in the information for the hero image.
Page/Section: Select where in your online store you want to assign this hero image using the drop-downs.
Sub-Section: Select which sub-section of the main page the hero image will appear if applicable using the drop-downs.
Title: Use the text box to enter any text you want to appear across the image, you can also opt to leave this field blank.
Subtitle: Text entered in this field will show under the title text in smaller font. You can also leave it blank if you prefer.
Button Text: If you would like to add a clickable button on top of the image that redirects to a certain page, add the text the button will display here.
Button Link: Choose what page the button will redirect to. This must be entered in the following format: /page/, for example /products/ This can be any of the pages listed in the header or footer of the store.
Upload: You can either drag and drop a file from your device or click on
Click to Upload to browse for the image you want to add. Once the file is uploaded it will show under Uploaded File(s).
Once you are done adding the information click on
Save to apply the changes.
Editing a Hero Image
You can make changes to any of your existing hero images by clicking on the downward facing arrow next to the image.
You can now review the details for the hero image and make any applicable changes.
Be sure to click
Save when you are done editing to apply your changes.