WooCommerce 7.6 Introduces Single Product Details Block and “Add to Cart” Form Block

WooCommerce 7.6 was released today with two new blocks merged from the WooCommerce Blocks plugin. The Single Product Details block and the “Add to Cart” Form block are now available to store owners who want to use the Site Editor to design their own Single Product Templates.

Along with the button, the “Add to Cart” form block will automatically display additional options, depending on if the product has a set available quantity or variations.

image credit: WooCommerce 7.6 release post

In templates where store owners are displaying multiple products, attributes filtering has been improved for the Products block. Inside the editor, there is now a collapsible menu for selecting attributes and filtering the display. It also shows a live preview of the products that will be included in this view.

For those who are designing pages and templates with patterns, WooCommerce 7.6 makes it much easier to get a consistent design with improved, scalable margins for patterns using the Products block.

This release also improves the Mini Cart block’s performance, with content preloaded, and an appearance that more closely matches the site’s active theme.

WooCommerce 7.6 includes several important updates for developers, including the following:

Clearer, renamed event names in block-based Checkout

Reintroduced cache for orders (after it was reverted due to causing an infinite loop on activation) when custom tables are enabled

Added an encoding selector to the product importer

Add/Remove order coupon actions are now logged in notes

Products widget can now be sorted by menu_order

For a more detailed look at the 673 commits in 7.6, check out the full changelog, which references each pull request included in the release.

WooCommerce has also released its Contributor Day Guide today for the upcoming 24-hour virtual event on April 19, 2023. There are instructions for how to get your development environment set up for contributing and how to join the Woo Community Slack. The guide outlines specific topics and tickets that will be addressed, with dedicated Slack channels for each.