Storefront Parallax Hero adds a customisable hero component on your homepage template
The parallax hero component in action!
WooCommerce Storefront Parallax Hero Features
Once installed youll notice a new top-level section in the Customizer allowing you control the different aspects of the hero component.
The Content
You control the content – specify a title, somebody text (and the colors theyre 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.
The Background
Enjoy complete control of the hero component background. You can choose a plain color for minimalist designs or upload an image. Tiling patterns or large photos will both work great. Specify whether the background image scrolls with a parallax effect and apply a semi-opaque overlay to make the text pop.
The Layout
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.
Full Height
Optionally make the hero component fill the browser window on page load for a truly immersive experience.
Shortcode
The parallax_hero shortcode allows you place unlimited hero components throughout your website. They can work great on product category pages, in blog posts and on single product pages too. Checkout the Storefront WooCommerce Customiser extension for more WooCommerce customisation options.