Categories
WooCommerce Blocks

Store Editing Snaps: January 30 – February 10

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.

Sale Badge: Add support for text settings and margin (#8334)

Here, we’ve added support for the following settings to the On-Sale Badge block:

  • font-family
  • font-weight
  • font-style
  • letter-spacing
  • text-transform
  • text-decoration
  • margin

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 Product Results Count block (#8078)

We have added a new Product Results Count block, which uses the woocommerce_result_count() function to render the results count on the front end. Note: this was added in the prior week but missed on the last Snaps post.

Fix: color setting for Catalog Sorting (#8372)

Here, we’ve fixed an issue where the color setting was being applied in both the editor and on the front end. We’ve also removed the unused style for the Catalog Sorting select box.

Remove font family styling support from Catalog Sorting and Product Results Count blocks (#8311)

We have removed support for font family styling in these two blocks. They were using an experimental flag and we don’t have font family styling in most other blocks.

Set inherit default to true when products is inserted on archive product templates (#8375)

Here, we have enabled the Inherit query from template setting by default when adding the Products block to an archive product template.

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).

Wrap the Single Product Template in a div with the product class (#8364)

Here, we have resolved an issue, allowing us to properly apply WC Core styles to a product template.

Add Product Image Gallery (#8235)

We’ve added a new Product Image Gallery block. We have also implemented a new utility that allows us to add this block on the Single Product Image Gallery.

Store Editing preparation for WordPress 6.2

WordPress 6.2 tentative release date is March 28. The last version of WooCommerce Core that will be released before March 28 is v7.5 (code freeze February 20). The last version of WooCommerce Blocks that will be merged into WooCommerce Core v7.5 is WooCommerce Blocks v9.6 (February 13).

In preparation for this release, we’ve conducted an audit of the Gutenberg __experimental features that we are using in WooCommerce and we consider ready to be graduated.

WooCommerce Blocks Releases ✨

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

Other Notable PRs / Issues βœ…

Refactors & Improvements

  • Remove Classic Template from Style Book (#8371)
  • Style Book: Remove Cart block from Style Book (#8369)
  • Remove unnecessary __experimentalDuotone instances (#8328)
  • Remove __experimentalDefaultControls from Filter by Stock and Filter by Rating blocks (#8326)
  • Global Styles: Add support for additional text settings (#8329)
  • Product Rating: Add support for the padding setting (#8347)
  • Add reset button to all filter blocks (#8366)
  • Update apply button description to be more clear for filter blocks (#8339)

Misc. Bug Fixes

  • Mini Cart block – Fix the drawer content height to allow checkout button to show (#8351)
  • Remove unneeded isloading attribute (#8340)

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.