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.

Patterns

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.

BeforeAfter

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! ๐Ÿ‘‹


Keep yourself in the loop!

Sign up for the WooCommerce developer newsletter:
Hidden
Hidden
Hidden


Leave a Reply

Your email address will not be published. Required fields are marked *