woocommerce/plugins/woocommerce-blocks/docs/internal-developers/testing/releases/1045.md

# Testing notes and ZIP for release 10.4.5

Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/11916133/woocommerce-gutenberg-products-block.zip)

## WooCommerce Core

### Product Rating block > Ensure the customer reviews text links to the relevant user reviews within the Single Product block and Single Product template. ([9998](https://github.com/woocommerce/woocommerce-blocks/pull/9998))

1. Create a new post
2. Add the Single Product block to the post (with a product with reviews) and save.
3. Notice how the "(X customer reviews)" text links to the relevant single product template.
4. Now head over to Edit site > Templates > Single Product and make you are using the blockified version of the Single Product Template with the Product Rating block in place. Edit and save the template if you made any changes to ensure this criteria.
5. Now access any Single Product on the front end and make sure the **"X customer review(s)"** text is linked to the relevant section.

| Before | After |
| ------ | ----- |
| <img width="1231" alt="Screenshot 2023-06-26 at 21 48 03" src="https://github.com/woocommerce/woocommerce-blocks/assets/15730971/029c44ab-e6a5-43dc-9aa1-eadcc6706407"> | <img width="1246" alt="Screenshot 2023-06-26 at 21 47 26" src="https://github.com/woocommerce/woocommerce-blocks/assets/15730971/65eaa58b-d821-4219-9658-21bbfa6061be"> |

### Fix reviews count not showing for the Product Rating block when inside the Single Product page. ([9995](https://github.com/woocommerce/woocommerce-blocks/pull/9995))

1. From your WordPress dashboard, go to Appearance > Themes. Make sure you have a block-based theme installed and activated. If not, you can install one from the Add New option. Block-based themes include "Twenty-twenty Two," "Twenty-twenty Three," etc.
2. On the left-hand side menu, click on Appearance > Editor. This will open the Site Editor.
3. On the left-hand side menu, click on Templates. This will open the list of available templates.
4. Find and select the 'Single Product' template from the list.
5. When the Classic Product Template renders, click on Transform into Blocks. This will transform the Classic template in a block template if you haven't done it before.
6. On the top-right side, click on the Save button.
7. Visit a product with at least 1 review and check that the Reviews count is being shown.

| Before | After |
| ------ | ----- |
| ![image](https://github.com/woocommerce/woocommerce-blocks/assets/20469356/ca8e63b4-3fbe-40fd-91f2-4e9e057327ae) | <img width="1173" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/20469356/f7e8fff5-bbcc-4424-b0ce-a1aeee927b4a"> |

### Single Product template: Fix variation SKU switching in the blockified template. ([9990](https://github.com/woocommerce/woocommerce-blocks/pull/9990))

1. Select **Appearance > Editor > Templates > Single Product**. Blockify the Single Product template.
2. Make sure you have a least one variation product, with variations having the **SKU** set.
3. Go to the frontend view of the variation product, and verify that selecting different variations causes the SKU to reflect the variation's SKU.

| Before | After |
| ------ | ----- |
|![9g2q1nejKx](https://github.com/woocommerce/woocommerce-blocks/assets/905781/12f56dea-5193-48b4-822a-e52ee5307208)|![3LvebPhtER](https://github.com/woocommerce/woocommerce-blocks/assets/905781/812b188b-644a-497c-b5ac-6fef5350b7c6)|

### Single Product template: Fix variation gallery image switching in the blockified template. ([9986](https://github.com/woocommerce/woocommerce-blocks/pull/9986))

1. Select **Appearance > Editor > Templates > Single Product**. Blockify the Single Product template.
2. Make sure you have a least one variation product, with variations having the **Featured Image** set.
3. Go to the frontend view of the variation product, and verify that selecting different variations causes the product image gallery to reflect the selected variation Featured Image.

| Before | After |
| ------ | ----- |
|![fgTu9hA2tz](https://github.com/woocommerce/woocommerce-blocks/assets/905781/3bfd4fc1-8010-47bc-a7d6-b35ed83f1fd0)|![qtltdJ500B](https://github.com/woocommerce/woocommerce-blocks/assets/905781/c3b384dd-359e-4844-86bd-67006b546955)|

### Product Image Gallery block: Fix overflow when multiple images are used. ([10013](https://github.com/woocommerce/woocommerce-blocks/pull/10013))

1. Navigate to the "Products" tab in the left-hand sidebar and click on "All Products."
2. Locate and select the product you want to edit from the list of existing products.
3. Scroll down to the "Product Image" section. If the product already has a primary image, you can replace it by clicking on the "Set product image" link. If there is no existing image, you will see an "Add product image" button instead.
4. You'll be presented with options to upload an image. `Select an image with size 512 x 640 pixels`. Click on the "Set product image" button to confirm.
5. To add additional images to the product gallery, scroll down further to the "Product Gallery" section. Click on the "Add product gallery images" link.
6.  Follow Step 5 to upload or select the additional images for the product. You can use the same image used in step 5.
7. Click on the "Update" button to save your changes.
8. From your WordPress dashboard, go to Appearance > Themes. Make sure you have a block-based theme installed and activated. If not, you can install one from the Add New option. Block-based themes include "Twenty-twenty Two," "Twenty-twenty Three," etc.
9. On the left-hand side menu, click on Appearance > Editor. This will open the Site Editor.
10. On the left-hand side menu, click on Templates. This will open the list of available templates.
11. Find and select the 'Single Product' template from the list.
12. When the Classic Product Template renders, click on Transform into Blocks. This will transform the Classic template in a block template if you haven't done it before.
13. On the top-right side, click on the Save button.
14. Visit the product that you edited the image and check that the Product Image Gallery block is being displayed correctly and without any overflow.

| Before | After |
| ------ | ----- |
| <img width="1045" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/20469356/610c299b-b40b-4d26-bfe2-3e954a21e515">  | <img width="1016" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/20469356/b88f76c1-1c9e-4dc7-8d3b-163ee2ad3ab4"> |


### Single Product Block: avoid to register incompatibility blocks with the Single Product Block on the post/page editor. ([10044](https://github.com/woocommerce/woocommerce-blocks/pull/10044))

1. Open the Single Product Template and ensure you have the blockified version.
2. Ensure that all the blocks are visible.
3. Open the post editor and add the Single Product Block.
4. Follow the table below and ensure that only the blocks with the 🟢  are available as ancestor the Single Product Block


| Block Name | Available as the ancestor of the Single Product Block |
|--------|--------|
| Add to Cart with Options  | 🟢   |
| Product Details | 🔴  |
| Product Image Gallery | 🔴  |
| Product Meta | 🟢  |
| Product Reviews | 🔴  |
| Product Rating | 🟢   |
| Related Products | 🔴  |