Order Form for WooCommerce v2.0.0 has just been released, bringing CSS3 grid support for better responsive behaviour across device sizes. Minimum requirements are now PHP 5.6 and WooCommerce 3.4.

CSS3 grid and flex

Carol has done a lot of work to completely reorganise how the order form draws on desktop and mobile devices. Instead of using tables to show them as rows on desktop, and some fancy footwork to collapse tables on mobiles, she’s built all-new templates and CSS using CSS3 grid.

For older browsers that don’t fully support grid, she’s added some flex fallbacks so that it all still looks good even on Internet Explorer 11.

In the default layout now, desktop computers and devices with wide screens get an order form in the familiar table layout.

On mobile devices and other small screens, the order form becomes a collection of cards.

The layout choices are quite flexible, so if you prefer to use cards even on desktop displays, you can choose that. And choice is not limited to settings in the admin, you can specify a different layout for each form as you might require.

Legacy table templates are supported

If you already have the plugin installed, the settings will detect that and keep using the table-based templates. You can change that in the settings if you wish. If you’ve customised the templates, your custom templates will still be used until you switch from “legacy table layout” to “CSS3 responsive grid layouts”.

PHP and WooCommerce minimum requirements

Along with all of the work to upgrade the plugin to CSS3 grids, we’ve also bumped the minimum requirements for the plugin. You now need the following website configuration to run Order Form for WooCommerce:

• PHP 5.6 or greater (recommended minimum 7.2)
• WordPress 4.9 or greater
• WooCommerce 3.4 or greater

You can update to the latest version from your WordPress plugin admin page. Here’s the full changelog for Order Form for WooCommerce.