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.
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.
The goal for this project is to continue our effort to create a complete block experience for all of the Product templates. This will allow merchants to use the features of the Site Editor to create and edit the template used for rendering all single products (or even a specific product). We will also continue to leverage the work that has been done on the “Products (Beta)” block and create equivalent blocks for the various parts of an archive page.
Improve Classic Product Block (#9386)
We have made some improvements on the layout of the Classic Product block to make the process of migrating to the blockified template smoother:
Additionally, we’ve made some enhancements to the blocks related to the Single Product Template:
- Update the icon and description for the Product Meta block (#9243)
- Update the icon and description for the Product Details block (#9241)
- Rename Add To Cart Form to Add To Cart With Options (#9238)
- Add reviews count to the Product Rating block (#9129)
- Product Image Gallery: fix resize width when the window resizes (#9299)
- Product Image Gallery: fix the inline displayed issue (#9297)
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. This time, we have been mostly focused on bug fixes and improving the internals of the Mini Cart, so it’s ready for the next round of improvements we have planned. Some of the things we worked on are as follows:
Mini Cart Contents block width
As we mentioned in the previous snaps, it’s now possible to change the width of the Mini Cart drawer in the WC Blocks feature plugin. We have made some improvements to make this feature more resilient and easier to use:
- Set a minimum width to the Mini Cart Contents block (#9196)
- Fixed the editor not honoring wide width values in the Mini Cart Contents block (#9201)
- Updated the way the Mini Cart Contents block width is printed to be in PHP for better performance (#9329)
We have also made some enhancements to the Mini Cart styles to make sure it looks better in a variety of themes and that the editor and frontend styles are more coherent:
- Updated the Mini Cart footer border to use currentColor, so it looks better in dark themes (#9245)
- Made it so button styles look the same in the editor and the frontend (#9260)
- Fixed Product Price styles leaking into the Mini Cart, Cart and Checkout blocks (#9276)
In order to support our ongoing projects and contribute to the broader community, we have also made a handful of upstream contributions to the core Gutenberg project.
Post excerpt > Ensure the postId from the block context is used to get_the_excerpt (#49495)
With this change, we ensure that the rendered content is aligned with the context of the block itself rather than the global post. This allows us to further improve the Single Product block, ensuring the displayed Product Summary matches the product the user selected for display.
Post Title > improve preview on the editor (#50147)
With this PR, we are proposing improvements to the preview on the editor side for the Post Title. This change can potentially help us improve the preview for the Product Title block, which is a variation of the Post Title.
Other Notable PRs / Issues ✅
- Fixed a bug that caused the Add-to-Cart behaviour attribute to be ignored when adding the first product (#9255)
- Fixed the Edit Mini Cart template part URL in WP 6.2 (#9348)
Thanks for following along with us – until next time! 👋