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.

The maximum image size is 2000 x 2000 pixels.

To add a hero image or view your existing images, click on Online Store and Hero Images. If you have existing hero images you see an overview of which sections of your online store currently have images assigned to them. Clicking on a Hero Image will expand the additional details associated with that image.

Adding a New Hero Image

To add a new hero image, click on Add in the corner of the hero images screen. Next, enter the details using the text boxes on the New Hero Image Screen to create the image. Page/Section: Use the drop-down menu to select where on your online store you want to assign the hero image. Sub-section: The sub-section will populate with options based on the page you previously selected, use the drop-down to further specify where the image should be assigned. Title: Enter the text you want to appear on the hero image, this can be left blank if you do not want to add any text. Subtitle: Enter any subtitle text you want to appear on the hero image, this can be left blank if you do not want to add any text. Button Text: You can add a clickable button to your hero image with a call to action if you would like, if you do not want to add a button to your hero image then leave this field blank. Button Link: Add a link to the page where you want the button to direct your customers. Upload: Click to upload the image you want to use as a hero image.

Click on Save to create the new hero image.

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
Using the Theme Designer
Creating Content Blocks
Managing Blog Settings
Creating Custom Web Pages
Advanced Store Options
Creating a Quick-Order Menu
Embedding Your Online Store

Was this article helpful?

Feedback submitted - Thank you!