Storefront Parallax Hero for WooCommerce
Storefront Parallax Hero by WooThemes
A customizable hero component gets added on your homepage template by Storefront Parallax Hero.
Hero image is a term used in web design for a specific type of web banner. A hero image is a large banner image, prominently placed on a web page, generally in the front and center.
Parallax scrolling is a type of web design effect that involves the background moving at a slower rate than the foreground during scroll.
You can control different aspects of the hero banner image once you have installed it. You will notice in the customizer a new top level section.
You control the content thus you have the power to specify a title, some body text (and the colors they’re displayed in) optionally create a call to action button. It is up to you how you want to align the content centrally or to the left or the right to fine tune.
The hero component background gives you complete control to choose whether to upload an image or apply a plain color for minimalist designs. Large photos or tiling patterns or specify the background image will either scroll with a parallax affect or a semi-opaque to make the text stand out.
Choose fixed width or full width layout. The fixed width layout keeps the same width as that of the main content area while the full width option makes the hero component span the full width of the browser.
For a truly fascinating experience to optionally make the hero component fill the browser window on page load.
The parallax hero short-code parallax_hero allows you place unlimited hero components throughout your web site. They can work great in blog posts, on product category and single product pages also. For more WooCommerce customization options you can checkout the Storefront WooCommerce Customizer extension.
Get started with the Storefront Parallax Hero extension today.