Zip file for testing: woocommerce-gutenberg-products-block.zip
Add Global Styles support to the Product Price block. (5950)
- Be sure that you are on
WordPress 5.9
. - Install and enable the
Twenty Twenty-Two
theme. - Select Appearance > Editor (beta). On the Editor page click on the
Styles
icon in the top-right corner. - Edit some Global Styles e.g. color & font-size for the Product Price block in the Blocks section.
- Create a new post and add the All Products block.
- The Price component should reflect the changes made in Global Styles.
- Click the Edit icon in the block toolbar. Select the Price block and change its styles in the right sidebar. Click Done & save.
- Ensure the local styles override the Global Styles on the Frontend of your store.
Add Global Styles support to the Add To Cart Button block. (5816)
- Be sure that you are on
WordPress 5.9
. - Install and enable the
Twenty Twenty-Two
theme. - Add the
All Products
block (this block contains theAdd To Cart Button Block
) to a post. - Click the Edit icon in the block toolbar. Select the
Add To Cart Button
. - On the right sidebar, personalize the styles of the block. Click Done & save.
- View the post on the Frontend and confirm your changes changes.
- Reset to default using the
Reset
button from the different sections. - Go to Dashboard and select Appearance > Editor (beta). At the top of the screen, select Home > Browse all templates > Single Post. When the page is loaded, add the
All Products
block to the page. - On the Editor page click on the
Styles
icon in the top-right corner. - Verify that the
Add To Cart Button
is shown under theBlocks
section. Personalize the block again. - Save your changes.
- Go on the page created earlier and check if all styles are applied correctly.
- Edit your previous post/page again.
- Change the styles again and save your changes.
- Check if these new styles have priority over the global styles from the Site Editor.
Store API - Introduced wc/store/v1
namespace. (5911)
- Smoke test checkout process to highlight any problems with cart/checkout endpoints.
- Smoke test the All Products block to highlight any problems with product endpoints.
- Try accessing old endpoints, for example,
https://store.local/wp-json/wc/store/cart
. These should still work. - Try accessing new endpoints, for example,
https://store.local/wp-json/wc/store/v1/cart
.
Renamed WooCommerce block templates to more e-commerce related names. (5935)
- Be sure that you are on
WordPress 5.9
. - Install and enable the
Twenty Twenty-Two
theme. - Select Appearance > Editor (beta).
- Select the dropdown next to Home and click the "Browse all templates" button.
- Confirm that the WooCommerce block template names appear on the list according to the following table:
Old Title | New Title |
---|---|
Product Archive | Product Catalog |
Product Tag | Products by Tag |
Product Category | Products by Category |
Single Product | no change |
Featured Product block: Add the ability to reset to a previously set custom background image. (5886)
- Add a Featured Product block to a page, post, or template. Select a product that has a product image.
- In the block toolbar, click Replace and add custom background media.
- The button to Reset the image should become available in the block toolbar.
- Clicking the Reset button should remove the custom media.
- The original product image should show again.
Fix loading WC core translations in locales where WC Blocks is not localized for some strings. (5910)
- Go to Settings > General > Language (
/wp-admin/options-general.php
) and select a language which has WC core translation at 100% but WC Blocks' at 0% e.g.Català
. - Go to the updates screen (
/wp-admin/update-core.php
), scroll down and update the language translations. - Visit the Cart or Checkout block in the frontend and verify the texts are translated.
We're hiring! Come work with us!
🐞 Found a mistake, or have a suggestion? Leave feedback about this document here.