With the new WordPress editor, we are seeing more and more blocks coming our way. WooCommerce is no exception, as the Product Blocks give you the ability to display your products on any page or post.
The WooCommerce Product Blocks
As you can see here, when adding a block to our page or post, we have the option of one called products.
When you choose it, you have a few options as far as controlling which products are displayed and how they are displayed. On the right, you have the option to choose the number of columns and rows, as well as the order the products are displayed.
Here you can search for specific products to be displayed. This would be helpful if you want to highlight one in a post you are writing on your blog. As you can see I simply type in the product to search for it and place any products that I choose.
If you would rather display a all the products in a category, here is the option for that. As I have mentioned before on this blog, categories are one of the most powerful tools for organizing your content in you can use with WordPress.
And we get the products of that category displayed:
This is pretty cool. It not only lets you filter that products by what you would expect, such as featured products, on sale, best sellers and top rated, but you can also sort by attributes. So if you are using variables for your products, you could, for example, display some shirts only in one specific color.
Lastly, you can display all products and filter their order by newness, price, ratings, sales and tips:
As we move into the new editor on WordPress, and in the space of eCommerce, I’m sure we are going to see amazing stuff— not only with WooCommerce, but across the board with all the eCommerce plugins.
And the fact that you can see it all displayed in your editor, sure does make life easier.
You can get the WooCommerce block plugin over on WordPress.org.