Categories
WooCommerce Blocks

Store Editing Snaps: January 2 – 13

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 🚧

Below are a few key projects that we began work on and will be heavily focusing on over the next several weeks.

Products Block – Next Steps (#6793)

The Products block (a rename from “Product Query” block) is a larger project that includes Product Archive Type Blocks, “Blockifying” the Product Archive templates. This has been the precursor to the following projects below.

The goal for the next steps is to graduate the “Products (Beta)” block out of its beta phase via a thorough QA process on different platforms. During 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.

Blockifying Product Archive Templates (#8059)

The goal for this project is to create a complete block experience for Product Archive templates. In order to do so, we will leverage the work that has already been done on the “Products (Beta)” block and create equivalent blocks for the various parts of an archive page.

Add a compatibility layer to keep extensions continue working with Blockified Archive Templates (#8172)

Here, we are working on providing a compatibility layer for these templates in order to retain backward compatibility with extensions that utilize the existing hooks.

[Blockifying Product Archive Templates] Add Results Count block (#8078)

Here, we have added the new Product Results Count block. This block shows the total number of products and how many are currently displayed, based on the global query.

Blockifying Single Product Template (#8054)

Alongside the above effort to blockify the Product Archive templates, this project aims to blockify the Single Product template. 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).

WooCommerce Blocks Releases ✨

  • 9.3.0 – Many of the changes noted in this post are included in the 9.3.0 release of the WooCommerce Blocks feature plugin from January 5th. You can find the full details in the release notes.

Other Notable PRs / Issues ✅

Refactors & Improvements

  • Convert Add to Cart to TypeScript (#8077)
  • Refactor Filter Wrapper to remove usage of useInnerBlocksProps (#8095)
  • Order blocks alphabetically in webpack-entries and BlockTypesController (#8109)
  • Use DAY_IN_SECONDS constant instead of calculating the value (#8156)
  • Product Elements [Variations]: Change block icon colors to match core blocks (#8155)

Automated Tests & Linting

  • Fix broken E2E tests cause by edit template button class name change in latest Gutenberg release (#8107)

Dependencies

  • Update minimum PHP required version to 7.2 (#8154)

Misc. Bug Fixes

  • Add back ToggleButtonControl component in WC Blocks 8.9 so it supports WP 5.9 (#8101)
  • Hide core/no-results as default in Product Query if WP <= 5.9 (#8082)
  • Fix for Rating alignment when used in Products block (#8104)
  • Attribute, Rating and Stock filters: Fix the dropdown indicator icon display (#8080)
  • useCollection: Do not bail early if isEditor (#8079)
  • Remove the “Products (Beta)” block from WP 6.0 or lower (#8112)
  • Fix: unable to customize All Products block (#8140)

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.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.