123 lines
6.1 KiB
Markdown
123 lines
6.1 KiB
Markdown
# Testing notes and ZIP for release 11.4.3
|
|
|
|
Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/13217249/woocommerce-gutenberg-products-block.zip)
|
|
|
|
## WooCommerce Core
|
|
|
|
### Enhancements
|
|
|
|
#### Improve Hero Product Chessboard pattern [11423](https://github.com/woocommerce/woocommerce-blocks/pull/11423)
|
|
|
|
1. Add a new post.
|
|
2. Add the `Hero Product Chessbord` pattern.
|
|
3. Save the page.
|
|
4. Visit the saved page
|
|
5. Ensure that the pattern looks like in the images below.
|
|
|
|
| Desktop | Mobile |
|
|
|--------|--------|
|
|
|||
|
|
|
|
#### Fix spacing on the "Minimal header" pattern. [11477](https://github.com/woocommerce/woocommerce-blocks/pull/11477)
|
|
|
|
1. Create a new page or post and insert the `Minimal header` pattern.
|
|
2. Make sure there's no space at the right of the navigation block, as in the after screenshot below (note the blue color was added just to make it easier to visualize the space).
|
|
|
|
| Before | After |
|
|
| ------ | ----- |
|
|
| <img width="1381" alt="Screenshot 2023-10-27 at 11 51 26" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/9037fbc8-cc75-4b36-8ab7-ebd089dc81bf"> | <img width="1370" alt="Screenshot 2023-10-27 at 11 51 36" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/76dba159-e330-4cb0-9d5a-2640e3dae639"> |
|
|
|
|
|
|
#### "Product Gallery" improvements: remove product summary and update margins. [11464](https://github.com/woocommerce/woocommerce-blocks/pull/11464)
|
|
|
|
1. Create a new page or post and insert the `Product Gallery` pattern.
|
|
2. Check it does not include the product summary and looks like the screenshot.
|
|
|
|
|
|
#### "Product Collection X Columns" patterns: align "no reviews" text with the star. [11468](https://github.com/woocommerce/woocommerce-blocks/pull/11468)
|
|
|
|
1. Add a post.
|
|
2. Add the Product Collection 3 Columns pattern.
|
|
3. Ensure that the "no reviews" text is aligned with the star.
|
|
|
|
| Before | After |
|
|
| ------ | ----- |
|
|
|||
|
|
|
|
#### Enhance the Hero Product Split pattern. [11505](https://github.com/woocommerce/woocommerce-blocks/pull/11505)
|
|
|
|
1. Create a new post
|
|
2. Insert the Hero Product Split pattern
|
|
3. Make sure things are working as expected on the editor side
|
|
4. Save the post and access the frontend: make sure things are working as expected over there as well.
|
|
|
|
| Before | After |
|
|
| ------ | ----- |
|
|
| <img width="683" alt="Screenshot 2023-10-30 at 22 17 34" src="https://github.com/woocommerce/woocommerce-blocks/assets/15730971/56c6c94d-6151-4611-8db1-48da5412f857"> | <img width="683" alt="Screenshot 2023-10-30 at 22 17 50" src="https://github.com/woocommerce/woocommerce-blocks/assets/15730971/112c668f-b081-4d81-b9d4-c6072b67d838"> |
|
|
|
|
#### Simplify the Hero Product 3 Split pattern. [11495](https://github.com/woocommerce/woocommerce-blocks/pull/11495)
|
|
|
|
1. Create a new page or post and insert the `Hero Product 3 Split` pattern.
|
|
2. Save and check it looks good on desktop and mobile and looks like the screenshot below (ignore the broken image, it's due to how the screenshot was taken).
|
|
|
|
| Mobile |
|
|
| ------ |
|
|
|  |
|
|
|
|
| Desktop |
|
|
|--------|
|
|
| <img width="1184" alt="Screenshot 2023-10-30 at 15 35 10" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/c6b5bdc5-589a-4790-8b1d-023c2610de74">|
|
|
|
|
#### Product Search Block: unify border-radius. [11515](https://github.com/woocommerce/woocommerce-blocks/pull/11515)
|
|
|
|
1. Add a new post.
|
|
2. Add the `Footer with Simple Menu`.
|
|
3. Save.
|
|
4. Ensure that the patterns look okay on desktop and mobile (and match with the screenshot).
|
|
5. Repeat 1-4 for each pattern that it is in the screenshot (use the title for searching the pattern in the inserter).
|
|
|
|
|
|
|
|
|
|
#### Improve the Centered Header Menu with Search pattern. [11304](https://github.com/woocommerce/woocommerce-blocks/pull/11304)
|
|
|
|
1. Create a new page or post.
|
|
2. Insert the `Centered Header Menu with Search` pattern.
|
|
3. Check it looks like the screenshot below.
|
|
4. Check all the elements are visible on mobile.
|
|
|
|
⚠️ In the next release, we will update the pattern name: <https://github.com/woocommerce/woocommerce-blocks/issues/11523>
|
|
|
|
|
|
| Desktop |
|
|
|--------|
|
|
||
|
|
|
|
| Mobile |
|
|
|--------|
|
|
||
|
|
|
|
#### Large Header pattern: improve the layout on mobile view. [11490](https://github.com/woocommerce/woocommerce-blocks/pull/11490)
|
|
|
|
1. Add a new post.
|
|
2. Add the Large Header pattern.
|
|
3. Save the post.
|
|
4. Visit the saved post.
|
|
5. Ensure that the pattern looks okay.
|
|
6. Switch to the mobile view.
|
|
7. Ensure that the pattern looks okay.
|
|
|
|
|
|
|
|
### Mobile
|
|
|
|
|
|
|
|
#### Improve the "Large footer" spacing. [11520](https://github.com/woocommerce/woocommerce-blocks/pull/11520)
|
|
|
|
1. Create a new page or post and insert the `Large footer` pattern.
|
|
2. Check there's no space.
|
|
|
|
|
|
<img width="707" alt="Screenshot 2023-10-31 at 12 56 33" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/fa4c0335-9c13-44e1-a599-36ee21663e2c">
|