Skip to content

Get started
Docs
Tutorials
What’s new
Blog
Support

Search the documentation

Documentation

Get started
Docs
Tutorials
What’s new
Blog
Support

pinegrow.com

Features
Buy
FAQ
Contact us
Pinegrow home

Home
…
Docs
WordPress
WooCommerce
WooCommerce themes course
The hero block

Docs menuWordPress

Get started
Docs
Tutorials
What’s new
Blog
Support

Get started

Convert HTML to a WordPress theme
Theme creation overview
Ten points for WordPress development
Courses and tutorials

Theme building

Template structure
Templates guide
Template names
Including Scripts and Styles
Responsive images
theme.json
Live data and preview
Components
Using Interactions
Starter Theme 2
- Starter Theme 2 documentation

Custom blocks

Custom blocks

Actions reference

Actions
Theme and page settings
- Theme / Plugin Settings
- Page Settings
Post actions
Site actions
Block actions
Smart actions
- Post & Loop (Smart)

WooCommerce

WooCommerce

WordPress plugin

WordPress plugin

Theme Converter

Working with Selectors
Webflow to WordPress with Theme Converter
Webflow project to WordPress

Troubleshooting

Troubleshooting
WordPress FAQ

Older content

Features

CoursesWordPressCoursesWordPress2022-03-21

WooCommerce themes courseLesson 33 of 60

The hero block

Updated March 21, 2022

Creating a custom block for the shop hero.

Next lesson: 34. Small banners block

Sign up for Pinegrow Courses

Subscribe to keep in touch with the latest Pinegrow courses about web development and design. We don't spam and you can easily unsubscribe.

Your name

Email address

Previous32. Setting up the front pageWooCommerce themes course Next lesson34. Small banners blockWooCommerce themes course

Was this page helpful?

Report a problem

© Pinegrow Pte. Ltd., 10 Anson Road #22-15 International Plaza Singapore (079903) -Privacy & Anti-spam policy