WooCommerce Blocks

Store Editing Snaps: April 10 – 21

Hello and welcome to another round of Snaps from the WooCommerce Store Editing team! 🎇

Every couple of weeks, we give an update on all the work being done on WooCommerce Blocks from behind the scenes.

Let’s take a look at some highlights of what we’ve done since our last update.

Note that the linked #numbers that accompany each item below point to the relevant issues and pull requests on the GitHub repository.

Contributor Day – thank you! 🙏

Before we move to the regular Snaps content we’d like to thank all of the contributors that took part in the Contributor Day last week! It was fantastic to see your effort contributing to WooCommerce Blocks repository. That’s definitely not the last Contributor Day, but remember we will appreciate and help with your contributions anytime! Thank you!

What We’re Working On 🚧

We’ve worked on a number of things in the last two weeks but here are some specific items we want to highlight.

Products Block & Improving Product Elements

The Products block (originally referred to as the “Product Query” block) is a larger project that includes Product Archive Type Blocks and “Blockifying” the Product Archive templates.

In this next phase, we continue to move towards graduating the “Products (Beta)” block out of its beta phase via a thorough QA process on different platforms. Throughout this process, we will also be fixing outstanding bugs from the beta phase and continue improving the UX, making the block smooth and delightful to use.

Fix Products block influencing WordPress REST API (#9049)

In some circumstances, the Products block was influencing the results returned from WordPress REST API, namely products by category. The issue was brought to our attention by the user in issue #8765. The issue was fixed and the query is no longer overridden unless necessary.


There are a bunch of patterns that we’re working on currently to make your store layout easier. Some of them will be available in the upcoming WooCommerce Blocks 10.1.0 version, others are still work in progress. The current status of each pattern can be viewed in the corresponding pull request. Below are a few examples of upcoming patterns.

Featured Products: 5-item grid (#9006)

Featured Products: 2-columns (#9072)

Mini Cart Improvements

In an ongoing effort to improve our existing blocks, we’ve continued to focus on additional updates to our Mini Cart block.

Make the Mini Cart title customizable (#8905)

In order to keep making the Mini Cart more customizable, now it’s possible to modify the title, which includes changing the font colors, size, etc. We also divided the title in two, so it’s possible to change the styles of each part of the title separately and to modify the text of the first part.

Mini Cart: allow changing the drawer width (#8930)

But that’s not all, now it’s also possible to change the width of the drawer. This feature is only enabled in the feature plugin and won’t be in WC core for now.

Display Mini Cart overlay in template part editor (#9014)

We improved the editing experience making it possible to distinguish the space occupied by the Mini Cart drawer. In the past, the entire canvas had the same background color, now, you can clearly see the width of the drawer.


Other minor improvements

We did several other improvements to the Mini Cart block, including a fix to the template priority when the theme and user have a custom template (#9005) and another small performance improvement (#8979).

WooCommerce Blocks Releases ✨

Many of the changes noted in this post are included in the releases:

  • 10.0.0 – release of the WooCommerce Blocks feature plugin from April 12th. You can find the full details in the release notes.
  • 10.1.0 – release of the WooCommerce Blocks feature plugin from April 26th. You can find the full details in the release notes.

Other Notable PRs / Issues ✅

  • E2E tests fix: enable the attribute lookup direct updates settings (#9029)
  • JavaScript testing docs: add section about reports and update section about WP versions (#9020)
  • Store API: allow searching by slug and include slug in the response (#9017)
  • Filter data count mismatch > Create the get_attribute_and_meta_counts method (#8599)
  • Filter data count mismatch > Fix PHP unit tests (#8984)
  • Move surrounding blocks from Products block when converting the Classic Template to Blockified one (#8887)
  • Fix E2E tests with WP 6.2 (#8928)

Thanks for following along with us – until next time! 👋

By Daniel W. Robert

Front-End Engineer at Automattic. Loves code, design, coffee, travel, and playing outside.