Woocommerce Storefront Parallax Hero

A homepage hero can give shoppers a clear view of store messaging or promotions. This plugin adds a scrolling parallax section with customizable titles, body text, and optional call-to-action buttons. Text colors and alignment can be adjusted, so the content can suit the store’s presentation.

Choose a solid color, image, or video for the background, then set the hero to full width or fixed width. An option can fill the browser viewport on page load. Manage settings in the WordPress Customizer, or use the parallax_hero shortcode to place hero sections on category, blog, and product pages.

Features

• Custom text and buttons: Add a title, body text, and an optional call-to-action button. Set text color and choose left, center, or right alignment.
• Background choices: Set a solid color, image, or video as the hero background to suit the content and visual style of the store.
• Parallax scrolling: Apply a parallax scrolling effect to the background, giving the hero section a layered appearance as visitors move down the page.
• Width and height settings: Choose a full-width or fixed-width layout. An additional setting makes the hero fill the browser viewport height when the page loads.
• Shortcode placement: Use the parallax_hero shortcode to add hero sections to pages beyond the homepage, including category pages, blog posts, and product pages.
• Customizer controls: Manage hero settings from a dedicated section in the WordPress Customizer and preview adjustments while editing.

Best for

• WooCommerce Storefront shop owners
• Stores featuring promotions on the homepage
• Store owners adding hero sections to other pages