Contact WooCommerce for Storefront Product Hero support

WooCommerce is ready to help you get the answers you need.

Be as specific as possible - let us know what you expected, what's happening instead, and when you noticed this. The more detail you, provide the faster we can help.

Replies will be sent to you at

Thanks for contacting WooCommerce

WooCommerce will reply to your questions about Get extension name shortly.

While you wait, check out these handy resources:

  • Single site
    $19.00
  • 5 sites
    $39.00
  • 25 sites
    $59.00

Storefront Product Hero

Developed by WooCommerce
see subscription options
A subscription enables access to the product, updates and support for one year from the date of purchase. Every site installation requires a subscription key.

Storefront Required

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

Storefront is available to download for free. Read more.

Storefront Product Hero

Developed by WooCommerce

Information & Requirements

  • Storefront 1.3.0+
View documentation for more info →

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.

The Product Hero in action on a homepage
The Product Hero in action on a homepage

Features

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 product hero in a widget.
The product hero in a widget.

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 affect 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.

The product hero inside a blog post
The product hero inside a blog post

Full Height

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

Shortcode

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

Customer reviews

Log In To Add Your Review

There are no contributions yet.

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment