Zip file for testing: woocommerce-gutenberg-products-block.zip
FSE: Revert "Allow LegacyTemplate block to be reinserted, only on WooCommerce block templates.". (5643)
- Load Appearance > Site Editor and select one of the WooCommerce templates. Confirm it loads the correct Legacy Template block in the Editor for the given block template.
- Remove this block, you should not be able to reinsert it and do not save (this is expected as part of this revert)
- Refresh the page and confirm the correct Legacy Template block still gets rendered in the Site Editor
- Customise this template, and save it. Now reload this template and ensure it loads the customised template in the 5. Site Editor and on the frontend.
- Try clearing the customisations on Site Editor > Templates screen, ensure these are reset in the Site Editor and on the frontend.
FSE: Add support for the global style for the Featured Category block. (5542)
- On WordPress 5.9, install and enable the Gutenberg plugin.
- Install and enable the Twenty Twenty-Two theme.
- Add the Featured Category Block to a post.
- On the right sidebar, personalize the styles of the block.
- Go on the page and check if there are changes.
- Reset to default using the Reset button from the different sections.
- Go to Dashboard and select Appearance > Editor (beta). On top of the screen, select Home > Browser all templates > Single Post. When the page is loaded, add the block to the page.
- On the Editor page click on the Styles icon on the right-top corner.
- Verify that the Featured Category block is shown under the Blocks section. Personalize again the block.
- Save your changes.
- Go on the page created earlier and check if all styles are applied correctly.
- Edit your previous post/page again.
- Change again the styles.
- Save your changes.
- Check if these styles have priority over the styles from the Site Editor.
FSE: Enable Mini Cart template-parts only for experimental builds. (5606)
- Using Wordpress 5.9, select a block theme e.g. TT1 Blocks.
- Open Appearance > Editor > Templates Parts.
- Check that Mini Cart template is NOT visible.
Show express payment button in full width if only one express payment method is available. (5601)
- Create a test page with the checkout block.
- Install the WooCommerce Stripe Gateway plugin and enable express checkouts.
- Go to the frontend.
- Add a product to the cart.
- Go to the checkout page using the Chrome browser, where you are signed in with a Google account that has payment information stored in Google Pay (you might need to test using your personal profile in Google Chrome)
- Ensure that the express payment button is displayed in full width.
- Install the WooCommerce Payments plugin and enable express checkouts as well. (Note: The WooCommerce Payments plugin cannot be used on a local development site.)
- Go to the checkout page.
- Ensure that the express payment buttons is displayed next to each other.
Wrapped cart item product contents in inner div. (5240)
- Add two different products to the cart.
- Visit the cart page.
- Inspect the cart table when the small/medium/large CSS breakpoints are active.
- Confirm that no visual issues are caused by the additional div wrapping the product.
Fix alignment issue with the "create account" section on the checkout block in the editor (5633)
- Create a test page and add the checkout block.
- Click on email address field.
- Open settings sidebar.
- Activate Account Options » Allow shoppers to sign up for a user account during checkout.
- Verify that the Create an account? section has sufficient top margin as opposed to being crammed.
We're hiring! Come work with us!
🐞 Found a mistake, or have a suggestion? Leave feedback about this document here.