Table of Contents
- WooCommerce Admin Updates:
- Inbox - 320 character limit
- OBW: Hide the extensions header when no available plugins in the category
- OBW: Fix free extensions list isn't updated after store location or industry is changed
- Fix PHP Warning on 'Add new product' page
- Fix setup wizard free features checkbox re-check itself
- Update store setup widget to use task list API #31755
- WooCommerce Blocks Updates:
- WooCommerce Core Updates:
- Fix PhotoSwipe lightbox "close" triggering elements covered by it on mobile #31591
- 2022 theme stylings for product and shop pages. #31536
- Style My Account Pages for 2022 Theme #31575
- Checkout tweaks for 2022 compatibility #31619 and Some 2022 Checkout Form Tweaks #31630
- Basis of overlay used when processing Twenty Twenty-Two checkout. #31633
- Fix order details table width on narrow viewports. #31634
- Modify background color for elements #31631
- 2002 Theme: Fix font sizes in single product tabs area, review form styling. #31632
- Center product cards (2022 Theme) #31626
- Fix styling of "pay for order" form #31682
- 2022 Theme: Fix Search Blocks #31687
- WooCommerce API Updates:
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
WooCommerce 6.2 includes:
- WooCommerce Admin Updates
- WooCommerce Blocks Updates
- WooCommerce Core Updates
- WooCommerce API Updates
WooCommerce Admin Updates:
Inbox - 320 character limit
On a new site, with English language settings:
- Go to WooCommerce home screen
- See that all Inbox notes are short in length (aproximately less than 320 characters).
OBW: Hide the extensions header when no available plugins in the category
- Go to setup wizard
- Choose "Johor - Malaysia" as store country
- Go through all steps until "Business details"
- Go to "Free features" tab
- Observe the "GET THE BASICS" header is NOT shown without any plugins
OBW: Fix free extensions list isn't updated after store location or industry is changed
Change store Industry
- Go to the setup wizard
- Choose any store location that supports WCPay, such as any state in the US
- In the Industry step, make sure to not select CBD
- Proceed through the setup until the Business Details step
- Go to the "Free features" tab
- Observe WooCommerce Payments is displayed in the suggested extensions
- Without refreshing, go back to the Industry step
- Select CBD industry and click on continue until Business Details step again
- In the extension list, observe that WooCommerce Payments is NOT displayed.
Change store country
- Repeat steps 2~6
- Without refreshing, go back to the Store Details step
- Choose any store location that doesn't supports WCPay, such as Malaysia (MY)
- Go to Business Details step again
- In the extension list, observe that WooCommerce Payments is NOT displayed.
Fix PHP Warning on 'Add new product' page
- Go to WooCommerce > Home.
- Press Add my products in the task list.
- Press Add manually.
- No PHP warning should be visible.
Fix setup wizard free features checkbox re-check itself
- Go to Business Features tab in Setup Wizard
- Deselect all extensions and reselect only 1
- Click continue
- Observe the other extensions are NOT re-selected before it navigates to the next screen
Update store setup widget to use task list API #31755
Testing capabilities
- Start with a fresh site with an unfinished task list
- Go to the WordPress Dashboard page
- Note as an admin that you can see the
WooCommerce Setup
widget - Create a user role that should not be able to manage WooCommerce but can view the dashboard (e.g., Author)
- Log in with that user and navigate to the dashboard.
- Note that the
WooCommerce Setup
widget is not visible
Testing tasks
- Navigate to the WordPress dashboard
- Note that the correct number of tasks are shown (complete/total) for the
WooCommerce Setup
widget. The first number in the widget should indicate the next step you need to complete. For example, if you have already completed the first step (the "Store details" task), you should see "Step 2 of 6" in the widget. - Click on the action button
Start selling
and make sure you’re redirected to the correct page. Following the example from above, clickingStart selling
should take you to theAdd my products
page. - Repeat this process for multiple tasks, taking special attention for the “store details/setup” task since it uses a custom URL passed via the API
WooCommerce Blocks Updates:
Blocks 6.7.3
Blocks 6.7.2
Blocks 6.7.0
WooCommerce Core Updates:
Fix PhotoSwipe lightbox "close" triggering elements covered by it on mobile #31591
- Use Storefront or other theme that displays a menu toggle on narrow viewports
- Use a mobile device or simulator to open a single product page
- Open the photoswipe lightbox
- Ensure that the close button overlaps with the menu toggle (you might need to force some CSS margins to accomplish)
- Verify that tapping close does not trigger the menu toggle
2022 theme stylings for product and shop pages. #31536
- View shop and individual product page.
- Verify that the styling of these pages are consistent with the expected designs for the TT2 Theme.
Style My Account Pages for 2022 Theme #31575
- View all my account pages (with and without placing orders and having downloads)
- Log out and view login form.
- Verify that the styling of these pages are consistent with the expected designs for the TT2 Theme.
Checkout tweaks for 2022 compatibility #31619 and Some 2022 Checkout Form Tweaks #31630
-
Go to the checkout page after adding a few products in the cart.
-
Make sure shipping and payment-related information is displayed properly.
-
Submit an empty form and make sure error messages are displayed properly.
Before After ☝️ After vertical alignment of right column fixed, (applies) prices in bold, "sold by" alignment and text decoration fixed to match cart (Note: the vertical lines on the left of the after was a cropping mistake)
Basis of overlay used when processing Twenty Twenty-Two checkout. #31633
- Add products to the cart and proceed to the Checkout page.
- In the Checkout page, enter valid details to the Checkout form.
- Pay for the order.
- Notice that the blocked UI overlay (that 'greys out' the checkout form and displays a spinner after submitting the form) was visible.
- Verify that the blocked UI overlay appears in other places as well.
Fix order details table width on narrow viewports. #31634
- As a customer, add products to your cart and proceed to the Checkout page.
- Fill the Checkout form and submit. You should be taken to the Order Details page.
- Shorten the width of your browser's viewport.
- Verify that the order details table width is not too short as shown in the "After" screenshot below:
Before After - Navigate to My Account > Orders > open the order.
- Shorten the width of your browser's viewport.
- Verify that the order details table width is not too short
Modify background color for elements #31631
- As a customer, create a new order.
- Navigate to My Account > Orders > open the order.
- Verify that text highlights have a salmon color taken from the TT2 Styles sheet.
- Take note of the Order ID.
- Login to WP Admin.
- Navigate to Pages > Add New.
- Add a "Shortcode" block in the page.
- Enter the shortcode
[woocommerce_order_tracking]
and publish the page. - View that page.
- Enter the order ID and the email address in the order.
- Click "Track".
- Verify that text highlights have the same salmon color.
2002 Theme: Fix font sizes in single product tabs area, review form styling. #31632
-
Create a simple physical product that has weight and dimensions.
-
Also make sure that reviews are enabled in this product.
-
Add a review to this product.
-
As a customer, navigate to this product's page.
-
Verify that font sizes in single product tabs area and review form styling are correct. The expected styles can be found here. Tabs Area:
Before After Review form:
Before After ☝️ After vertical alignment of right column fixed, (applies) prices in bold, "sold by" alignment and text decoration fixed to match cart (Note: the vertical lines on the left of the after was a cropping mistake)
Center product cards (2022 Theme) #31626
-
Verify the product cards in various places in the store, like in the Products and Product Category pages. Their alignment is now centered, font family is now sans-serif for the product titles as shown in the screenshot below:
After → centered, product title is sans-serif, color is primary accent color.
Before → left aligned, title is serif, color is black (not obviously a link).
Fix styling of "pay for order" form #31682
- Create a WooCommerce test site with WP 5.9 and Twenty Twenty-Two theme.
- Login to the Admin Dashboard and create an order that has "Pending payment" status.
- In the Order Details page, click on the "Customer payment page" link. It will take you to the "Pay for Order" page.
- Notice how the order details table looks like.
Before | After |
---|---|
2022 Theme: Fix Search Blocks #31687
- Set up a WooCommerce test site using WP 5.9 and the Twenty Twenty-Two theme.
- In either a new or existing page, add the WP "Search" block.
- Verify how the WP Search box looks like.
- In either a new or existing page, add the WP "Product Search" block.
- Verify how the WP "Product Search" box looks like.
- In the Shop page, click on one of the products.
- Verify that the "magnifier" icon at the top right of the product image is as expected (see screenshot below).
Before | After |
---|---|
WooCommerce API Updates:
Add status field in the Coupons API
- Add a new coupon in wp-admin → Coupons → Add New.
- Publish the coupon (since only published coupons will be available in the API response).
- In the API, run
GET /wp-json/wc/v3/coupons
. - Confirm that the
status
field is available in the API response.
Contribution
- Set up development environment
- Our Git Flow
- SCSS and JS minification
- Naming conventions
- CSS SASS coding guidelines and naming conventions
- Critical Flows
- API Critical Flows
- String localisation guidelines
- Translating WooCommerce
- Deprecation in core
- Adding Actions and Filters
- Common Issues
- Writing high-quality testing instructions
Release Notes
- Release Testing Instructions
- 3.6.x notes/FAQ
- 2.6.x to 3.0.0 Developer Migration Notes
- Select2 fields not working in 3.0.x
- Thumbnail Image Regeneration in 3.3+
- Customizing image sizes in 3.3+
REST API and CLI
CRUD & Data Descriptions
- Database Description
- CRUD Objects in 3.0
- Order and Order Line Item Data
- Coupon Data
- Customer Data
- Product Data
- Data Stores
Internal APIs
Theming
- Enabling product gallery features (zoom, swipe, lightbox)
- Template File Guidelines for Devs and Theme Authors
Examples / Guides
WooCommerce is an open source commerce platform built for WordPress and lovingly crafted by Automattic and the WooCommerce community 💜. Come and work with us!