Updated Release Testing Instructions WooCommerce 6.6 (markdown)
Tam Mullen
parent
232aaa137c
commit
3560b24b9e
|
|
@ -4,11 +4,108 @@ WooCommerce 6.6 includes:
|
|||
- [WooCommerce Core Updates](#woocommerce-core-updates)
|
||||
|
||||
---
|
||||
## WooCommerce Blocks Updates
|
||||
## WooCommerce Blocks Updates [#32940](https://github.com/woocommerce/woocommerce/pull/32940)
|
||||
|
||||
### Blocks 7.5.0
|
||||
|
||||
- [Testing instructions](https://github.com/woocommerce/woocommerce-gutenberg-products-block/blob/trunk/docs/testing/releases/750.md#feature-plugin-and-package-inclusion-in-woocommerce)
|
||||
### Add PHP templates support to the Active Product Filters block. ([6295](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6295))
|
||||
1. With a block theme (such as Twenty Twenty Two), go to Edit Site > Product Catalog.
|
||||
2. Add `Active Product Filters`, `Filter Products by Stock`, `Filter Products by Attribute`, `Filter Products by Price` blocks to the template.
|
||||
3. Go to the shop page on the front end.
|
||||
4. Select some filters, see the page reload and the selected filters appear in the Active Products Filters block.
|
||||
5. Remove an arbitrary filter, see the page reload and the removed filter doesn't appear in the Active Product Filters block. See the filtered product results updates accordingly.
|
||||
|
||||
### Enhanced the *Featured Category block* ([6276](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6276)):
|
||||
1. Use a block theme (such as Twenty Twenty Two)
|
||||
2. Add the ”Featured Category” block to a page and select a product.
|
||||
3. Make sure that the resizable handle is a shown fully (it should be a full circle), and that is shown only when the block is selected.
|
||||
4. Select the block and apply a Duotone filter.
|
||||
5. Make sure the overlay color control is under the `Overlay` section and change the overlay color to a gradient.
|
||||
6. Add a padding to the block and make sure the padding is added on the inside of the wrapper (i.e. no white space is created outside of the block).
|
||||
7. Move around your image focal point and make sure you can actually move around the entire image and not only constrained on one dimension.
|
||||
8. Apply “Image fit > Cover” and notice how the image will scale along with the container. As opposed to point 5 above, now the focal point picker is limited to one dimension.
|
||||
9. Increase the `padding-top` of the block and notice that the content can't get pushed out of the container, but instead the container resizes.
|
||||
10. When that's the case, try resizing the block through the handle to a lower height: the handle should move but the container should not resize. When the mouse is lifted, the handle should return to its original position.
|
||||
11. For the steps 4–9 above, save the page and check that the styles are applied correctly on the front-end (as the block is rendered statically via PHP).
|
||||
|
||||
### Allow adding the Filter Products by Stock block to Product Catalog templates to filter products. ([6261](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6261))
|
||||
1. With a block theme (such as Twenty Twenty Two), go to Appearance > Editor > Template > Product Catalog.
|
||||
2. Add the Filter Products by Stock block above the product grid.
|
||||
3. Be sure that you have some out stock products. Check "out of stock" on the frontend.
|
||||
4. Notice the page reloads and the list of products updates accordingly.
|
||||
5. Add a test page to your site with the `All Products` block, and the `Filter Product by Stock` block and ensure no regressions have been introduced here.
|
||||
|
||||
### Enhanced the *Featured Product block* ([6181](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6181)):
|
||||
1. Use a block theme (such as Twenty Twenty Two)
|
||||
2. Add the ”Featured Product” block to a page and select a product.
|
||||
3. Make sure that the resizable handle is a shown fully (it should be a full circle), and that is shown only when the block is selected.
|
||||
4. Select the block and apply a Duotone filter.
|
||||
5. Make sure the overlay color control is under the `Overlay` section and change the overlay color to a gradient.
|
||||
6. Add a padding to the block and make sure the padding is added on the inside of the wrapper (i.e. no white space is created outside of the block).
|
||||
7. Move around your image focal point and make sure you can actually move around the entire image and not only constrained on one dimension.
|
||||
8. Apply “Image fit > Cover” and notice how the image will scale along with the container. As opposed to point 5 above, now the focal point picker is limited to one dimension.
|
||||
9. Increase the `padding-top` of the block and notice that the content can't get pushed out of the container, but instead the container resizes.
|
||||
10. When that's the case, try resizing the block through the handle to a lower height: the handle should move but the container should not resize. When the mouse is lifted, the handle should return to its original position.
|
||||
11. For the steps 4–9 above, save the page and check that the styles are applied correctly on the front-end (as the block is rendered statically via PHP).
|
||||
|
||||
|
||||
### Store API: Allow Store API to filter products by custom taxonomies. ([6152](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6152))
|
||||
1. Add an All Products Block to a page, add the Filter Products by Attribute Block, and Filter by Price Block too.
|
||||
2. Go to the page and use the filters, ensure they update the All Products Block correctly.
|
||||
|
||||
### Filter Products by Attribute: Fix the page reload which happens when clicking the filter button on Woo templates using the Classic Template block. ([6287](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6287))
|
||||
1. On a block theme, go to Edit Site > Product Catalog template.
|
||||
2. Add Active Filters and Filter Products by Attribute block to the template.
|
||||
3. Choose an attribute to filter, and make sure the filter button is toggled.
|
||||
4. Go to the shop page.
|
||||
5. Select an attribute, a reload should not happen until you click the filter button.
|
||||
6. Once the filter has been applied. Uncheck it, a reload should not happen until you click the filter button.
|
||||
7. Try this again with the filter button untoggled, although these reloads should now happen as soon as you check the attribute you're filtering by
|
||||
8. Check there are no regressions on All Products block.
|
||||
|
||||
### Add RTL support for the Mini Cart icon. ([6264](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6264))
|
||||
1. Add Mini Cart to the site (Header for block themes, Sidebar for classic theme).
|
||||
2. Set the language to an RTL language (ie: Arabic).
|
||||
3. See the Mini Cart looks good on the front end.
|
||||
|
||||
### Fix page load problem due to incorrect URL to certain assets. ([6260](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6260))
|
||||
|
||||
|
||||
|
||||
### Make Filters Products by Price work with Active Filters block for the PHP rendered Classic Template. ([6245](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6245))
|
||||
1. Add the `Filter Products by Price` block & `Active Filters` block to the **Shop** Page
|
||||
2. Open the **Shop** page
|
||||
3. Use the `Filter Products by Price` block, the page should reload with the filter params now being in the URL too.
|
||||
4. Check the `Active Filters` block shows the active price filter.
|
||||
|
||||
### Fix attribute filter dropdown list z-index level. ([6294](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6294))
|
||||
1. Create new page with Filter Products by Attribute and All Products block right under
|
||||
2. Configure Filter block to use Dropdown display style and show Colour attribute (if using sample products)
|
||||
3. Have products on sale in first row
|
||||
4. Visit page and focus on field to see dropdown
|
||||
|
||||
- All Products block Placeholder elements should be under the dropdown
|
||||
- Sale badge shouldn't bleed through the dropdown
|
||||
|
||||
### Fix Featured Product block frontend mismatch. ([6263](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6263))
|
||||
1. Switch to a block-enabled theme (such as Twenty-twentytwo).
|
||||
2. Add the Featured Product block to a page.
|
||||
3. Confirm that it has a default, semi-transparent, black overlay and that a default height of 500 px or whatever the theme supports through the `featured_block::default_height` setting.
|
||||
4. Publish the page.
|
||||
5. Preview the page and confirm that the block looks like the one in the editor (specifically for height and overlay).
|
||||
6. Play around with the styles of the block on the editor (change the overlay color, the padding, the opacity, the image fit etc.).
|
||||
7. Confirm they get correctly applied on the frontend.
|
||||
|
||||
### Fix Customizer fatal error on PHP 8. ([6317](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6317))
|
||||
1. Use a PHP 8 site with Storefront theme
|
||||
4. Go to Appearance > Customize.
|
||||
5. See no fatal error, the Customizer is loading and working as expected.
|
||||
|
||||
### Fix page refresh when using filters with the All Products block on non-product archive templates for WooCommerce. ([6324](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/6324))
|
||||
1. Activate Storefront
|
||||
2. Add the All Products block to a newly created page, along with a filter block such as Filter by Attribute
|
||||
3. Visit this page on the frontend and select some attributes to filter by.
|
||||
4. Observe the filters being applied without a page refresh.
|
||||
|
||||
### Blocks 7.6.0
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue