VOLT offers several different ways to highlight product that you want your customers to focus on. Our Featured Products Block or our Content Grid Block are both great choices for that. But if you have a single defining image, maybe a great picture of your product, our Hero Image Block is just what you need.

From your store's Dashboard click the Site Designer icon in the left Navigation Menu.

The Hero Image Block can be added to any Page on your site. In this example, we will add it to the Category Page. Using the Page: Home dropdown at the top of the Site Designer Page, choose Category from the list.

On the Category Page, mouse over the page until you see the Plus Sign icon to add a new block. Click the Plus Sign icon and locate the Images section of the Add A Block menu. Open the section and choose Hero Image Block, using the Add Block button.

Once your block has been added, hover over the new header section and locate the gray Edit button. Use the Edit button to open the Edit Block menu and customize it.

The Edit Block menu for the Hero Image Block offers these options:

Header Block Controls

Trash Can Icon to Delete Block
Arrows to move block up or down the page

Make This Block Reusable Toggle

Block Settings:

Make Section Full Width Toggle

Padding On Top Slider

Padding On Bottom Slider

Image:

Change Image Button

Enable Parallax (Desktop only) Toggle

Enable Mobile Image Override Toggle

Mobile Image Change Image Button

Overlay:

Overlay Area Dropdown (Full, Content Only and None)

Position Dropdown (Left, Center and Right)

Content Horizontal Offset Slider

Content Vertical Offset Slider Background Color Chooser

Text:

Edit Text Button

Color Chooser

Button 1:

Enable Toggle

Text Input Field

Link Input Field

Open In New Window Toggle

Button Style Dropdown (Primary and Secondary)

Alignment Dropdown (Left, Center and Right)

Button 2:

Enable Toggle

Text Input Field

Link Input Field

Open In New Window Toggle

Button Style Dropdown (Primary and Secondary)

Make sure to click the Done button at the bottom of the block edit section to save your changes.

Additionally, you will need to click the green Publish button at the top of the page to make your changes live on your store.


Did this answer your question?