1143.md

📣 Announcement: New documentation location

The documentation for WooCommerce Blocks has moved to the WooCommerce monorepo.

Please refer to the documentation in the new location as the files in this repository will no longer be updated and the repository will be archived.

---

Testing notes and ZIP for release 11.4.3

Zip file for testing: woocommerce-gutenberg-products-block.zip

WooCommerce Core

Enhancements

Improve Hero Product Chessboard pattern 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

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

"Product Gallery" improvements: remove product summary and update margins. 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

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

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

Simplify the Hero Product 3 Split pattern. 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

Product Search Block: unify border-radius. 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

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: #11523

Desktop

Mobile

Large Header pattern: improve the layout on mobile view. 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

1. Create a new page or post and insert the Large footer pattern.
2. Check there's no space.