Changelog

A new version of WooCommerce Blocks has been released! Version 5.3.0 is now available for download from GitHub and WordPress.org.

This release includes a number of enhancements, bug fixes, and some behind-the-scenes work to allow third party extensions to integrate with the Cart Block.

Summary

Getting ready for the future

Two changes have been made when it comes to adding WooCommerce blocks to the new block widget and the Customizer block widget editor:

Block transforms are now available for legacy widgets that have a block equivalent: Product Search, Product Categories and Recent Product Reviews.

BEFORE	AFTER

Additionally, the Cart and Checkout blocks will no longer be available in these two areas.

Bug fixes

We are happy to announce that the missing translations bug from the Cart and Checkout blocks has now been fixed. Along with other Cart and Checkout block bugs, we managed to fix bugs related to adding products to the cart, namely adding out of stock products from blocks with products, and updating the Mini Cart widget when purchasing from the All products block.

Working with Blocks

We added a new experimental integration point that will allow extensions to register a PHP callback that will be executed when the cart/extensions endpoint is hit. Blocks will use this endpoint to update the cart from the server, giving extensions a chance to modify the cart, or do any other server-side processing.

An experimental slot has been added to the Discounts section in the Cart Block’s sidebar, where extensions can render their own components.

Changelog

Enhancements

• Hide the Cart and Checkout blocks from the new block-based widget editor. (4303)
• Provide block transforms for legacy widgets with a feature-complete block equivalent. (4292)

Bug Fixes

• Fix some missing translations from the Cart and Checkout blocks. (4295)
• Fix the flickering of the Proceed to Checkout button on quantity update in the Cart Block. (4293)
• Fix a bug in which Cart Widget didn’t update when adding items from the All Products block. (4291)
• Fix a display issue when itemized taxes are enabled, but no products in the cart are taxable. (4284)
• Fix an issue where an attempt to add an out-of-stock product to the cart was made when clicking the “Read more” button. (4265)

Compatibility

• Add the ability for extensions to register callbacks to be executed by Blocks when the cart/extensions endpoint is hit. Extensions can now tell Blocks they need to do some server-side processing which will update the cart. (4298)

Various

• Add Slot in the Discounts section of the cart sidebar to allow third party extensions to render their own components there. (4248)

A new version of WooCommerce Blocks has been released! Version 5.2.0 is now available for download from GitHub and WordPress.org.

This release includes a number of enhancements, bug fixes, and some behind-the-scenes work to allow third party extensions to integrate with the Cart and Checkout blocks. Additionally, there’s been a change-around in the sidebar of the Cart and Checkout blocks!

To kick things off, let’s talk about the design changes…

Design Changes

Summary

These changes include incremental design improvements to the order breakdown area of the Cart and Checkout blocks.

The Shipping, Subtotals and Tax breakdowns now live in their own sections. The rationale behind these changes was to create more distinction between cost areas to give the customer a better picture of their cost and order summary.

Before	After
View original size	View original size

Shipping Section

There is now an isolated shipping section that includes only information related to the shipping options and the shipping location.

Taxes Section

As part of the shipping section improvement on the order summary of the Checkout block, the taxes totals have been isolated as a section with a breakdown appearing below indicating the sales tax value and any other tax-related charges incurred.

Coupons & Discounts

The coupon section UI and functionality remains the same but it will now appear below the Subtotals section to provide a better visual connection to the output of applying a discount.

---

We also made some changes to allow some of our blocks to be used in the new widget editor coming in WordPress 5.8, and deprecating the legacy widgets for which a feature-complete block-based equivalent exists.

The controls used to select: tags, categories, and attributes in our blocks have also been improved, with new styles and better accessibility support.

Before	After
View original size	View original size

Further details about the exact things we’ve changed can be found by reading the Pull Request descriptions linked in the changelog below.

Changelog

Enhancements

• Added a key prop to each CartTotalItem within usePaymentMethodInterface. (4240)
• Hide legacy widgets with a feature-complete block equivalent from the widget area block inserter. (4237)
• Hide the All Products Block from the Customizer Widget Areas until full support is achieved. (4225)
• Sync customer data during checkout with draft orders. (4197)
• Update the display of the sidebar/order summary in the Cart and Checkout blocks. (4180)
• Improved accessibility and styling of the controls of several of ours blocks. (4100)

Bug Fixes

• Hide tax breakdown if the total amount of tax to be paid is 0. (4262)
• Prevent Coupon code panel from appearing in stores were coupons are disabled. (4202)
• For payment methods, only use canMakePayment in the frontend (not the editor) context. (4188)
• Fix duplicate react keys in ProductDetails component. (4187)
• Fix sending of confirmation emails for orders when no payment is needed. (4186)
• Stopped a warning being shown when using WooCommerce Force Sells and adding a product with a Synced Force Sell to the cart. (4182)

Various

• Move Button and Label components to @woocommerce/blocks-checkout package. (4222)
• Add couponName filter to allow extensions to modify how coupons are displayed in the Cart and Checkout summary. (4166)

There’s a new version of WooCommerce Blocks available! Version 5.1.0 is now available on WordPress.org and GitHub.

This release includes better error reporting for incorrectly registered payment methods and some improvements to the emitEventWithAbort event emitter. There is also a bug fix related to email and phone field values being cleared unexpectedly with certain shopper behaviour. Read on for more details!

Better error reporting for incorrectly registered payment methods.

When a payment method registers using the payment methods extensibility interface, the feature plugin has some error checking to ensure that the dependencies the plugin lists for its script are actually available during the registration. Without this error check, it’s possible for incorrectly registered payment methods to prevent the loading of any checkout scripts due to the mechanism used internally for managing the loading order of various checkout scripts.

With this release, there are some improvements to the error message logged (PHP error logs and console log) when a payment method doesn’t have all its dependencies registered including:

• Clarifying this is specific to Cart and Checkout blocks loading process.
• Only loading the payment methods API interface when Cart and Checkout blocks feature is on (via the feature plugin).

Improvements to emitEventWithAbort

This is more of a internals update that impacts various event emitters using this function (onPaymentProcessing, onCheckoutAfterProcessingWithSuccess, onCheckoutAfterProcessingWithError). If you are a developer authoring a payment method that uses any of these events, your implementation should be unaffected by these changes. It’s mostly to prevent potential bugs where there are multiple payment methods in use by a store (that all implement observers for these events). You can read more about the change in this pr.

Fix for unexpected email and phone field value loss.

There was a bug that surfaced when shoppers filled out the email and phone field and then unchecked the “Use same address for billing” option. The email and phone values would be cleared.

This is fixed in this release so that any previously entered values are preserved when toggling this checkbox.

Changelog

Enhancements

• Improve error message displayed when a payment method didn’t have all its dependencies registered. (4176)
• Improvements to emitEventWithAbort. (4158)

Bug Fixes

• Fix issue in which email and phone fields are cleared when using a separate billing address. (4162)