# Testing notes and ZIP for release 10.4.2 Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/11731631/woocommerce-gutenberg-products-block.zip) ## WooCommerce Core ### Update the Hero Product Split [#9762](https://github.com/woocommerce/woocommerce-blocks/pull/9762) 1. From the editor (post, page, etc.) apply the `Hero Product Split` pattern. 2. Confirm the image matches the "After" version in the screenshot in both the admin and the front end. | Before | After | | ------ | ----- | |Screenshot 2023-06-08 at 21 47 48|Screenshot 2023-06-08 at 21 49 12| ### Update hero patterns titles [#9769](https://github.com/woocommerce/woocommerce-blocks/pull/9769) 1. On a new page or post, insert the `Hero product 3-split` pattern and make sure the h2 title says `Endless Tee's`. 2. Insert the `Hero product chessboard` pattern and make sure the h3 title says `The Fall Collection`. 3. Insert the `Hero product - split` pattern and make sure the h3 title says `Get cozy this fall with knit sweaters`. ### Update Chessboard pattern images [#9761](https://github.com/woocommerce/woocommerce-blocks/pull/9761) 1. From the editor (post, page, etc.) apply the `Hero Product Chessboard` pattern. 2. Confirm the image matches the "After" version in the screenshot in both the admin and the front end. | Before | After | | ------ | ----- | | Screenshot 2023-06-08 at 21 33 37| Screenshot 2023-06-08 at 21 33 03| ### Update/collection pattern images [#9766](https://github.com/woocommerce/woocommerce-blocks/pull/9766) 1. From the editor (post, page, etc.) apply the `Product Collections: Featured Collections` pattern. 2. Confirm the image matches the "After" version in the screenshot in both the admin and the front end. 3. Ensure all CTA links/buttons actually links to the Shop page. 4. Add the `Shop by Price` pattern. 5. Ensure all CTA links/buttons actually links to the Shop page. | Before | After | | ------ | ----- | |![file.png](https://github.com/woocommerce/woocommerce-blocks/assets/2132595/57fc7fa7-faf8-4ddf-9652-bba2aad9b98c) |![file.png](https://github.com/woocommerce/woocommerce-blocks/assets/2132595/42db378d-3ac6-478d-b059-9c11584a593f) | ### Update Images for the Product Details Patterns [#9764](https://github.com/woocommerce/woocommerce-blocks/pull/9764) 1. From the editor (post, page, etc.) apply each of the below patterns. 2. Confirm the image matches the "After" version in the screenshots in both the admin and the front end. #### Product Hero | Before | After | | ------ | ----- | | ![CleanShot 2023-06-08 at 20 48 21](https://github.com/woocommerce/woocommerce-blocks/assets/481776/7d33a2fa-c959-483e-8e48-19ccb61d2cab) | ![CleanShot 2023-06-08 at 20 48 39](https://github.com/woocommerce/woocommerce-blocks/assets/481776/7a8c9a13-df7a-40b6-9456-9d13091f51c8) | #### Product Listing with Gallery and Description | Before | After | | ------ | ----- | | ![CleanShot 2023-06-08 at 21 41 43](https://github.com/woocommerce/woocommerce-blocks/assets/481776/863e35bb-3612-4630-be45-47e6cae7db6d) | ![CleanShot 2023-06-08 at 21 42 54](https://github.com/woocommerce/woocommerce-blocks/assets/481776/67c5f2b3-b3b8-47b9-b38d-b38a56ee731c) | #### Product Details: product listing | Before | After | | ------ | ----- | | ![CleanShot 2023-06-08 at 22 15 49](https://github.com/woocommerce/woocommerce-blocks/assets/481776/d0ba63d0-97a0-4d9c-bbad-ae851018c575) | ![CleanShot 2023-06-08 at 22 16 13](https://github.com/woocommerce/woocommerce-blocks/assets/481776/73fc630f-eaa3-4ba3-b7bd-259cf52a63f4) | #### Product Details Pattern | Before | After | | ------ | ----- | | ![CleanShot 2023-06-08 at 23 23 48](https://github.com/woocommerce/woocommerce-blocks/assets/481776/72648e8d-04ee-4b8b-a9c9-0101a1186abd) | ![CleanShot 2023-06-08 at 23 24 10](https://github.com/woocommerce/woocommerce-blocks/assets/481776/59420364-7dff-4e84-bdd5-a11974e6ed46) | ### Update Banner Pattern To Replace Unsplash Image [#9760](https://github.com/woocommerce/woocommerce-blocks/pull/9760) 1. From the editor (post, page, etc.) apply the `Banner` pattern. 2. Confirm the image matches the "After" version in the screenshot in both the admin and the front end. 3. Confirm the CTA button links to the Shop page on the front end. 4. Confirm vertical spacing is fixed on the text column (extra padding on the top is removed). | Before | After | | ------ | ----- | | ![CleanShot 2023-06-08 at 15 15 25](https://github.com/woocommerce/woocommerce-blocks/assets/481776/6cc2d362-24e5-4a23-8694-511bc0e62fc4) | ![CleanShot 2023-06-08 at 15 34 37](https://github.com/woocommerce/woocommerce-blocks/assets/481776/338a024b-7bf1-4963-9206-9a84ceeb9077) | ### Update/patterns featured category product collection [#9765](https://github.com/woocommerce/woocommerce-blocks/pull/9765) 1. From the editor (post, page, etc.) apply the `Featured Category / Focus, Featured Category / Cover and Featured Category / Triple` pattern. 2. Confirm the image matches the "After" version in the screenshot in both the admin and the front end. 3. Ensure all CTA links/buttons actually links to the Shop page. #### Featured Category / Focused | Before | After | | ------ | ----- | |![file.png](https://github.com/woocommerce/woocommerce-blocks/assets/2132595/8e29acf0-305c-4de5-aa6f-7d608554dde5) |![file.png](https://github.com/woocommerce/woocommerce-blocks/assets/2132595/f571a73c-f6c4-4198-b793-da0a29cc73e9) | #### Featured Category / Cover image | Before | After | | ------ | ----- | |![file.png](https://github.com/woocommerce/woocommerce-blocks/assets/2132595/7346b9ff-c6fe-456b-93c0-722a411ac529) |![file.png](https://github.com/woocommerce/woocommerce-blocks/assets/2132595/650f91bb-400a-441d-a6ea-29fd3d61a204) | #### Featured Category / Triple | Before | After | | ------ | ----- | |![file.png](https://github.com/woocommerce/woocommerce-blocks/assets/2132595/c8b09fd1-0c5c-48eb-9be9-8545f35a37c1) |![file.png](https://github.com/woocommerce/woocommerce-blocks/assets/2132595/cde1aaf7-0224-40df-93ce-ef1c5640537d)|