“Let’s add an image with a parallax effect to my home page!”

Much like the full width image home page feature, the parallax section adds a sprawling, full-screen image section to your home page. This section adds a subtle parallax scrolling effect to the featured image.

This parallax effect makes it looks like the image is moving while you scroll past it. You can see how it looks in the video below.

Using the provided settings, you can easily change the text alignment and button styles to accommodate your images.

Note that whenever you change settings, you may need to save and refresh your theme editor before you see what the final parallax effect will look like to your customers.

While customizing your home page, this feature is available by using the Add section button.

Image
Add an image.
Overlay opacity
You can add a colored overlay to the featured image.

You can set how visible the overlay is: 0% is completely transparent, and 100% is completely visible.

Overlay color
You can change the color of the overlay.

We recommend using black or white, as these colors will look great with a wide variety of images.

Text color
You can change the text color featured image.

We recommend using the opposite color that you used for your overlay, or a color you know will be easy to see on top of the image.

Heading
Add heading text. We recommend keeping this to a few words.
Subheading
Add a subheading or description. We recommend keeping this to a line or two.
Max width of text
You can adjust the width available to the heading and subheading text.

We recommend adjusting this and checking the live preview to get it just right for your image.

Link
Paste a URL or add a link to a page in your store.
Link text
Add text that should be used for your link.
Link style
You can change the link style to Button or Link with arrow.
Horizontal text position
You can change the horizontal text position to Left, Center or Right.

We recommend adjusting this and checking the live preview to get it just right for your image.

Vertical text position
You can change the vertical text position to Top, Middle or Bottom.

We recommend adjusting this and checking the live preview to get it just right for your image.