114 lines
6.5 KiB
Markdown
114 lines
6.5 KiB
Markdown
|
# 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 |
|
||
|
| ------ | ----- |
|
||
|
|<img width="1209" alt="Screenshot 2023-06-08 at 21 47 48" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/92ba194e-5014-45ad-830e-eb821d405239">|<img width="1238" alt="Screenshot 2023-06-08 at 21 49 12" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/1fc24a6b-7fc5-4c89-983f-d13ff4e703e7">|
|
||
|
|
||
|
### 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 |
|
||
|
| ------ | ----- |
|
||
|
| <img width="1044" alt="Screenshot 2023-06-08 at 21 33 37" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/11e92d17-eb30-4419-bab6-96350394df30">| <img width="1075" alt="Screenshot 2023-06-08 at 21 33 03" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/df3f97b5-b026-4090-b692-8232ac211043">|
|
||
|
|
||
|
|
||
|
### 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)|
|
||
|
|
||
|
|