Note:Â This extension is to be used in conjunction with the freeÂ Woothemes Storefront Theme.
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 or upload an image. Tiling patterns or large photos will both work great. Specify whether the background image 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.
Optionally make the hero component fill the browser window on page load for a truly immersive experience.
parallax_heroÂ shortcode allows you place unlimited hero components throughout your web site. 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.