Add an attention grabbing, immersive parallax hero component to your Storefront homepage. Storefront Parallax Hero adds a customizable hero component on your homepage template. Once installed you’ll notice a new top level section in the Customizer allowing you control the different aspects of the hero component. You control the content – specify a title, some body text (and they colors they’re displayed in) then create an optional call to action button. Specify whether to align the content centrally, to the left or the right to fine tune.
Enjoy complete control of the hero component background. You can choose a plain color for minimalist designs, upload an image or even a video. Tiling patterns or large photos will both work great. Specify whether the background scrolls with a parallax affect and apply a semi-opaque overlay to make the text pop. Choose between a full width or fixed width layout. The full width layout will make the hero component span the full width of the browser while the fixed width option keeps it the same width as the main content area.