Changelog

We are pleased to announce the release of WooCommerce 7.7.0. This release should be backwards compatible with the previous version.

This release contains:

• 448 commits from 55 contributors in WooCommerce Core.
• 19 commits from 10 contributors in WooCommerce Blocks.

As always, we recommend creating a backup of your site and making sure that your theme and any other plugins are compatible before updating. You can check out this update guide for more information.

What’s new in 7.7.0?

Multichannel Marketing

Multichannel Marketing is out of beta and it is now the default experience when you visit the Marketing page.

Updated Shopper Notices

In this release, we introduce new components and styling for buyer notices, featuring Snackbar lists and Notice banners with shared components. These new styles give a uniform look and feel across all WooCommerce Blocks.

In addition to this, if your store uses either the Cart Block or Checkout Block on the main cart and checkout pages, these styles will also transfer to all other WooCommerce notices, e.g. the ones in the “My Account” area. These new styles should take precedence over any existing theme styles due to the new markup and CSS being applied.

The basic HTML structure of the new notices is as follows:

<div class="wc-block-components-notice-banner is-error">
     <svg />
     <div class="wc-block-components-notice-banner__content">MESSAGE</div>
</div>

There are different styles based on the notice status which include error, success, info, default, warning.

If you’re not using the Cart or Checkout Blocks (if you’re still using the shortcode based cart and checkout for example), existing notices rendered by WooCommerce will not be affected.

Here’s a preview of how each type of notice looks:

Themes that use customised notices will not have their styles respected after this update. The new notices use new CSS class-names and markup, so any existing styles will not apply. We’ve avoided using legacy class names to avoid conflicts and to ensure that there is consistent styling across all notice types. 

Themes can target the new selectors after this release, in which case the main CSS selector is .wc-block-components-notice-banner.

Documentation is available:

• NoticeBanner component documentation
• Snackbar Notice documentation

Styling options for product blocks

Product SKU, Product Price, and Product Image now support more styling options in terms of color, dimension, and typography and have support for Global Styles.

New blocks

• Product Reviews block: Displays the reviews for a given product. It can be inserted inside the Single Product template.

Client-side postcode validation in the Checkout block

In this release, we included a change that performs postcode validation on the client-side. This change improves the performance of the Checkout process for the shopper. Previously the postcode was only validated on the server. There was a delay before the user saw an error if they entered an invalid postcode. This new experience not only reduces the load on your server but allows the shopper to work through the checkout form more quickly!

We still perform server-side validation of the postcode, but this is done when the checkout form is submitted rather than when the value changes.

Add to Cart button styling improvements

We have made some improvements to the Add to cart button, providing greater customization options for online stores. It’s now possible to choose between Fill and Outline styles for the button and adjust its width to 25%, 50%, 75%, or 100% of the parent container. In addition, we’ve introduced a variety of typography controls, including Font Family, Appearance, Line height, Letter spacing, Decoration, and Letter case.

These improvements aim to provide greater control over the look and feel of the Add to cart button, ensuring it seamlessly integrates with the store’s design.

Mini Cart Block Improvements

It’s now possible to customize all buttons of the Mini Cart, including changing their color and background as well as changing the style from outline to filled. In addition to that, the Mini Cart block got a new setting to customize how it renders in the Cart and Checkout pages (Hide or Remove), which will allow to change its behavior depending on the desired header style.

Provide a way to switch to the blockified Single Product Template

We have added a button “Upgrade to Blockified Single Product template” to the Single Product template. By clicking on this button, the classic template is upgraded to the new Blockified Single Product template.

This new template allows customizations of the product page with blocks, giving more flexibility and creativity in showcasing the products.

Actions and Filters

Three new filters are added

Filter	Description
woocommerce_disable_rest_api_access_log	This filter enables the exclusion of the most recent access time from being logged for REST API calls.[Source]
wc_help_tip	Filter the help tip.[Source]
woocommerce_add_message	Filter wc_print_notice output [Source]

Template Changes

The following files have template changes:

• plugins/woocommerce/templates/checkout/form-pay.php
• plugins/woocommerce/templates/checkout/payment.php
• plugins/woocommerce/templates/loop/no-products-found.php
• plugins/woocommerce/templates/myaccount/downloads.php
• plugins/woocommerce/templates/myaccount/form-add-payment-method.php
• plugins/woocommerce/templates/myaccount/orders.php
• plugins/woocommerce/templates/myaccount/payment-methods.php
• plugins/woocommerce/templates/order/order-details.php

Much 💜 to all the contributors

Finally a big thanks to everyone in the community who has contributed via issue reports, fixes, translation, testing, supporting other users, or simply spreading the word.

WooCommerce Core

WooCommerce Blocks

On April 19th, we hosted our very first WooCommerce Contributor day, which spanned all timezones and included contributors and Woo employees from at least 23 different countries. 

A few days prior to the event, we began to see the community jumping into the #woo-contributor-day_build-env channel as developers started to prep their environment for the event. We received great questions, which have made us take a closer look at our documentation so that future contributors have a smoother start. 

Once Contributor Day kicked-off, we were excited to see the community involvement and excitement. At one point, the Cart and Checkout team even had to add more issues as participants quickly worked through the existing list. 

By the numbers

The final tally was 8 pull requests in the woocommerce/woocommerce-blocks repo and 30 pull requests in the woocommerce/woocommerce core repo, for a total of 38 fixed issues. 

We received contributions from 24 developers from our community and roughly ~190 hours collective hours of work

As we had mentioned in our Contributor Day Guide, we are committed to honoring the time that the community is dedicating to the event, which is why we will be making a concerted effort to ensure that each group’s queue of issues that have open PRs are completed and merged prior to the upcoming release, WC 7.8, which is scheduled for June 13th, 2023.

Currently, all woocommerce/woocommerce-blocks Contributor Day issues have been merged, and we are halfway through merging Contributor Day woocommerce/woocommerce core issues.

V1 Contributor Day All Stars

A special thank you to the people below who have the honor of being the first ever participants of an official Woo Contributor Day. Thank you for your time and dedication in making the platform better.

We’re working on some special swag for those that contributed and will be reaching out to folks once we have more details.

See you in the PRs

We hope you loved Contributor Day as much as we did. We are looking forward to hosting more events like this, but in the meantime, don’t be a stranger to our contributions. Checkout the WooCommerce Core Getting Started Guide and WooCommerce Blocks Getting Started Guide to learn more about contributing to the project.

We are pleased to announce the release of WooCommerce 7.6.0. This release should be backwards compatible with the previous version.

This release contains:

• 485 commits from 47 contributors in WooCommerce Core.
• 188 commits from 21 contributors in WooCommerce Blocks.

As always, we recommend creating a backup of your site and making sure that your theme and any other plugins are compatible before updating. You can check out this update guide for more information.

What’s new in WooCommerce 7.6?

Here are a few highlights of changes included in this release.

• Add – Add a cache for orders, to use when custom order tables are enabled #35014
• Add – Add an encoding selector to the product importer #36819
• Add – Allow sorting by menu_order in products widget. #37002
• Add – Log to order notes when coupons are removed or applied. #30642
• Fix – Fix incorrect usage of dispatch, useSelect, and setState calls in homescreen along with settings and onboarding package to ensure compatibility with current versions of the Gutenberg plugin #37641
• Fix – Ensure product importer imports all lines in a CSV file. #36839
• Fix – Fixes filtering by attributes in the Analytics Orders and Variations reports. #37223
• Fix – Fix incorrect VAT exempt behaviour on shop page when prices are exclusive of tax. #33991
• Fix – Treat order as seperate resource when validating for webhook since it’s not necessarily a CPT anymore. #36650
• Performance – Switch wc_product_attributes_lookup table management to use truncate and dbDelta over drop table #36872

New Blocks

We’re thrilled to introduce the following new blocks for the Single Product Template. This is our first iteration to port over existing functionalities of the Single Product template to the Site Editor.

• Single Product Details block: The block version of the product details in the Single Product Template. Merchants can now add product descriptions, information, and reviews to their stores.
• Add to Cart Form block: The block version of the “add to cart” form enables merchants to display a button in single product templates. Options are also displayed depending on product type. e.g. quantity, variation.

Disabling payment gateways stops associated saved payment information from displaying

We have improved block-based checkout by preventing saved cards from displaying if the payment gateway that added them is disabled. This ensures that users only see available and enabled payment options, making the payment process more efficient and straightforward.

Clearer Event Names in Block-Based Checkout

We have made changes to the checkout events in the block-based checkout to improve clarity and reduce confusion. Several events were renamed to improve their accuracy and clarity:

• onCheckoutValidationBeforeProcessing renamed to onCheckoutValidation
• onCheckoutAfterProcessingWithSuccess renamed to onCheckoutSuccess
• onCheckoutAfterProcessingWithError renamed to onCheckoutFail
• onPaymentProcessing renamed to onPaymentSetup

Better performance and look and feel for the Mini Cart block

With this release, we introduced many improvements to the Mini Cart block. Among others, it’s been optimized and has better performance. When opening the Mini Cart, the content shows up immediately, as it’s preloaded in the background while the browser is idle.

The Empty Mini Cart button, which encourages shoppers to add products to the cart, now matches your theme styles.

Improved Attributes filtering in Products block

The new Products block now allows filtering products by attribute directly from the Editor interface. The experience has been enhanced by providing a user-friendly collapsible menu with attributes. Additionally, you can quickly filter attributes by typing their name. These enhancements provide a more streamlined experience for selecting the products you want to display.

Also, when checking the attributes, there’s now a live preview of the products from the Editor perspective, which allows seeing how the block will be displayed in the frontend of your store.

Improved margins in Products block patterns

There are a number of available patterns using the Products block. All of them have now consistent and scalable margins.

Here’s the list of available patterns to try out:

These are just some of the changes that are included in WooCommerce 7.6.0. You can find the complete changelog for this release in the readme.txt file.

Multichannel Marketing (Beta)

We add a new Campaigns card that allows marketing channels to surface their marketing campaigns with basic metrics within the Marketing page.

The “Create a new campaign” modal allows the users to go to the campaign creation process easily.

Actions and Filters Changes

This release adds three new filters and two new actions.

Filters

Filter	Description
woocommerce_product_allow_backorder_use_radio	Allow 3rd parties to control whether “Allow backorder?” option will use radio buttons or a select. [Source]
proceedToCheckoutButtonLabel [docs] and proceedToCheckoutButtonLink [docs]	Alter the text and link of the “Proceed to checkout” button in the Cart block. Our documentation has additional information on these filters and an example of how to use them.

Actions

Action	Description
woocommerce_reduce_order_item_stock	Fires when stock reduced to a specific line item. [Source]
woocommerce_widget_layered_nav_filters_start	Allow 3rd party developers to add their own filters to start the Layered Navigation Filters Widget. [Source]

Template Changes

There are no template changes in this release.

Database Changes

There are no database changes in this release.

Deprecations

There are no deprecations in this release.

Much 💜 to all the contributors

Finally a big thanks to everyone in the community who has contributed via issue reports, fixes, translation, testing, supporting other users, or simply spreading the word.

WooCommerce Core

WooCommerce Blocks