Release testing instructions: Storefront 2.9.0

Storefront 2.9.0 release offers compatibility with WP 5.6 and PHP 8 and adds some performance improvements and minor fixes as well as proper styling for the Filter Products by Price block.

Changelog:

• Enhancement – Added styles to the Filter Products by Price block, so the accent color is used in the slider. #1508
• Performance – Added CSS minification. #1503
• Fix - Cover block text color attributes not being applied. #1513
• Fix - Inconsistent font sizes of category and product titles in shop page. #1501
• Dev - Update various dependencies, including major updates:
  • autoprefixer v10 and postcss v8 #1502
  • grunt-contrib-jshint v3 #1507
  • node-sass v5 #1523

Setting up Storefront

To test 2.9.0, you will need a site running the latest WooCommerce core or a preview version like WooCommerce 4.7 RC.

Install and activate the Storefront theme on your test site.

1. Download Storefront 2.9.0 RC 1 from GitHub here.
2. In your site's admin, click Appearance > Themes.
3. Click the Add New button.
4. Click the Upload Theme button, select the Storefront zip file you just downloaded, and follow the prompts to install and activate.

• In Appearance > Themes, Storefront 2.9.0 should be installed and selected as the active theme.
• In Plugins, WooCommerce should be installed and activated.

Refer to documentation for more detailed information about setting up Storefront. Complete the Installation and Storefront and WooCommerce sections.

Since this release is targeting compatibility with WordPress 5.6 and PHP 8, it's recommended testing it in those environments or newer and with WooCommerce 4.7 RC.

---

Testing instructions

Add accent color to WC Blocks price slider #1508

1. Create a page with the price filter and the All Products block.
2. In the customizer, change the accent color to something different from purple.
3. Verify the price slider has the new accent color.
4. Test a Storefront child theme to ensure the accent color of the child theme is honored as well.

(Screenshots with Bistro)

Before:

After:

Install cssnano to minify CSS files #1503 & Update Autoprefixer and replace grunt-postcss #1502

Do a confidence check and verify there are no style regressions in the store (go to some WC pages and verify layout is not broken).

Add more specificity to wp-block-cover #1513

1. Create a page with a Cover Block and a Heading Block on top
2. Change the color settings of the Heading Block
3. View the page and verify the color has been applied.

Before

After

Fix different font sizes of category and product titles in shop page #1501

1. Go to the Customizer > WooCommerce > Product Catalog > Shop page display and select Show categories & products.
2. In the frontend, go to the Shop page.
3. Verify the font size of category titles and product titles are the same.

Before:

After: