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

6.1 KiB

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
locale local 'Locale Galaxy Fold

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
Screenshot 2023-10-27 at 11 51 26 Screenshot 2023-10-27 at 11 51 36
  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. CleanShot 2023-10-26 at 12 56 12@2x

"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
image image

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
Screenshot 2023-10-30 at 22 17 34 Screenshot 2023-10-30 at 22 17 50

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
CleanShot 2023-10-30 at 15 35 45@2x
Desktop
Screenshot 2023-10-30 at 15 35 10

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).

img

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: https://github.com/woocommerce/woocommerce-blocks/issues/11523

Desktop
image
Mobile
image

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.

image

Mobile

image

  1. Create a new page or post and insert the Large footer pattern.
  2. Check there's no space.
Screenshot 2023-10-31 at 12 56 33