Woocommerce – Storefront Product Hero

Last Updated: October 15, 2018
Rating: 4.4
Developer: Woocommerce Storefront Plugin
Documentation Link
Download Details

Product Description

Storefront Required
This extension is designed to work specifically with Storefront, the official WooCommerce theme. It will not work with any other theme.

Add an immersive product hero section to your web pages
The Product Hero extension allows you to elegantly highlight any product at your site, on any page. With a clever combination of imagery, you can easily create a powerful conversion tool for your chosen product.

Once installed you’ll notice a new top-level section in the Customizer allowing you control the different aspects of the product hero component.

The Product
Select one of the featured products at your store to display in the product hero.

The Content
Choose whether to display a custom title and description or just adopt the products default title and description. Then change the colors to match your background.

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. You also have control of the content layout itself. Display everything centrally or float content and image adjacently.

Full Height
Optionally make the hero component fill the browser window on page load for a truly immersive experience.

The product_hero shortcode allows you place unlimited product hero components throughout your website. They can work great on product category pages, in blog posts and in widget regions too.

Change Log

Woocommerce – Storefront Product Hero Changelog – Version: