Skip to main content (Press Enter)
Helcim Logo
Click here if you return to contents

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. Next, select 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.

Related Articles

Getting Started With Your Online Store
Configuring Your Online Store
Managing Your Pages
Adding Store Menus and Headers & Footers
Adding Meta-Tags
Managing Blog Settings
Customizing Your Online Store Using the Theme Editor

Was this article helpful?

Feedback submitted - Thank you!