BigBox Development Blog

BigBox 3.x continues accessibility improvements of the theme, the developer experience, and deepens 3rd party plugin integrations.

Breaking Changes

• WordPress 5.0 minimum requirement.
• WordPress 5.0+ minimum requirement.
• Update app/integrations/woocommerce/template-hooks.php and app/integrations/woocommerce/template-hooks.php to adjust output order of product price, sale, stock, etc in WooCommerce product loop.
• Update resources/views/integrations/woocommerce/order/order-details.php to remove duplicate order notes.
• Hide “Sale Flash” by default. Now available in a Customizer setting.
• Hide “Inventory count” by default. Now available in a Customizer setting.
• Update default font weight to 400 (from 500).
• Remove attempts to style classic editor.

New

• Output all colors in inline CSS instead of external stylesheet.
• Support JSX transforms via wp.element.
• Additional support for Table block “Striped” styles.
• Additional support for CoBlocks plugin.
• Additional support for WooCommerce Product Blocks.
• WooCommerce 3.5.3 support.
• Remove placeholder input attributes.
• Add ARIA landmarks.
• Allow price, rating, stock information, sale flash, short description, and “more options” in the product catalog to be hidden via the Customizer.
• Use primary site color for input :focus border color.
• Add accessible labels for FacetWP checkbox and radio facets.
• WooCommerce 3.6.0 compatibility.
• Allow image lazyload script to load in the footer.
• Further WooCommerce Blocks style improvements.

---

Full Changelog

[3.1.0] – 2018-02-15

New

• Add ARIA landmarks.
• Allow price, rating, stock information, sale flash, short description, and “more options” in the product catalog to be hidden via the Customizer.
• Use primary site color for input :focus border color.
• Add accessible labels for FacetWP checkbox and radio facets.
• WooCommerce 3.6.0 compatibility.
• Allow image lazyload script to load in the footer.
• Further WooCommerce Blocks style improvements.

Fix

• Ensure dynamic colors are applied to elements left out in 3.0.0 update.
• Ensure “No results found” shows when no results are available in FacetWP.
• Don’t attempt to open offcanvas drawers when using content skip links.
• Hide “First Page” and “Last Page” links in FacetWP pagination.
• Ensure :focus outline is visible on WooCommerce image gallery items.

[3.0.0] – 2018-02-04

Breaking

• WordPress 5.0+ minimum requirement.
• Update app/integrations/woocommerce/template-hooks.php and app/integrations/woocommerce/template-hooks.php to adjust output order of product price, sale, stock, etc in WooCommerce product loop.
• Update resources/views/integrations/woocommerce/order/order-details.php to remove duplicate order notes.
• Hide “Sale Flash” by default. Now available in a Customizer setting.
• Hide “Inventory count” by default. Now available in a Customizer setting.
• Update default font weight to 400 (from 500).
• Remove attempts to style classic editor.

New

• Output all colors in inline CSS instead of external stylesheet.
• Support JSX transforms via wp.element.
• Additional support for Table block “Striped” styles.
• Additional support for CoBlocks plugin.
• Additional support for WooCommerce Product Blocks.
• WooCommerce 3.5.3 support.
• Remove placeholder input attributes.

Fix

• Button sizing between small, default, and large are more obvious.
• Heading and block spacing consistency.
• Only show Previous/Next pagination buttons on mobile devices.

Update Today

Update to the latest version from your WordPress dashboard or download manually from your account.

BigBox 2.3.0 continues accessibility improvements of the theme, the developer experience, and deepens 3rd party plugin integrations.

New Features

• Extended support for FacetWP addons:
  • Load More
  • Bookings
  • Hierarchy Select
  • Alphabetical Listing
  • Color
• Further :focus accessibility improvements.

---

Full Changelog

[2.3.1] – 2018-01-08

Fix

• Ensure header allows dropdown facet types.

[2.3.0] – 2018-01-08

New

• Extended support for FacetWP addons:
  • “Load More” https://facetwp.com/add-ons/load-more/
  • “Bookings” https://facetwp.com/add-ons/bookings/
  • “Hierarchy Select” https://facetwp.com/add-ons/hierarchy-select/
  • “Alphabetical Listing” https://facetwp.com/add-ons/alphabetical-listing/
  • “Color” https://facetwp.com/add-ons/color/

Fix

• Further :focus accessibility improvements.
• Fallback to default shop sidebar on dynamic shop page mobile filters.
• Avoid Javascript error when focus element on horizontal nav bar does not exist.
• Avoid PHP syntax error.

[2.2.0] – 2018-12-27

New

• Accessibility improvements:
  • Better tabbing order for shop filters and results.
  • “Skip to content” and “Skip to result” skip links.
  • Ensure all focus outlines are visible.
• Upgrade developer experience:
  • Use more @wordpress npm packages (eslint, browserslist)
  • Update JS coding standards.
  • Update PHP coding standards.
  • Update CSS coding standards.
• Request a Google Fonts API key when generating font list.
• Allow integrations to define helper files to be autoloaded.

Fix

• Avoid error if offcanvas drawer source or target does not exist.

BigBox 2.x brings the first breaking changes to the theme’s development. While the changes are minor, they are not backwards compatible.

Breaking Changes

Previously:

add_action( 'wp_enqueue_scripts', 'bigbox_enqueue_styles', 10 );

Now:

add_action( 'wp_enqueue_scripts', 'bigbox_enqueue_styles', 20 );

Reason:

This allows for integrations, child themes, plugins, etc to filter the inline CSS on the default priority before the parent theme outputs it.

Previously

The parent theme’s uncompiled stylesheet was named style.scss

Now:

The parent theme’s uncompiled stylesheet is named app.scss

Reason:

Naming consistency.

New Features

• WordPress 5.0.1, Gutenberg 4.7.1 compatibility, WooCommerce 3.5.2 compatibility. 
• Keyboard accessibility improvements.

Bug Fixes/Improvements

• Default grid to be 80% page width at extra large device size.
• More precise em to px conversions for better font smoothing.
• Only output inline CSS for colors that have been customized.
• Move/modularize integration styles to their respective directories.
• Alignment of icons in menu items.
• Ensure no purchase button shows for external products.
• Continuous coding standard improvements.
• Remove fitvids in favor of Gutenberg responsive embeds.

Full Changelog

[2.1.0] – 2018-12-18

New

• WordPress 5.x compatibility.
• Gutenberg 4.x compatibility.
• WooCommerce 3.5.x compatibility.

Fix

• Ensure button color is accurately reflected.
• Coding standad updates.

[2.0.0] – 2018-11-06

Breaking

• Base stylesheet enqueued with wp_enqueue_script priority 20 (was 10).
• Base stylesheet renamed to app.scss (was style.scss) — child themes referencing this need to update.

New

• Gutenberg 4.2 compatibility.
• WooCommerce 3.5.1 compatibility.
• WooCommerce Bookings custom styles support.
• Keyboard accessibility improvements for desktop and mobile menus.

Fix

• Do not output inline CSS for values that have not been customized.
• Stripe gateway checkout styles.
• More precise em to px conversions for better font smoothing.
• Icon menu alignment for icons of all sizes.
• WooCommerce message button alignment.
• Ensure external WooCommerce products are purchaseable.
• Ensure blockUI library uses accurate background color.

Tweaks

• Default grid to be 80% page width at extra large device size.
• Better separation of integration CSS.
• Move integration views to main views directory.
• Remove fitvids in favor of Gutenberg responsive embeds.
• Remove offcanvas drawer cache for better dynamic content support.
• More consistent dynamic widget area names (“Page Name Sidebar (Left)”)
• Adjust shop sidebar widths to be smaller.
• Grouped product purchase form appearance.

Gutenberg 4.0 Compatibility

Continued improvements to the ever-changing Gutenberg plugin editor experience. As Gutenberg inches towards a final merge proposal in to WordPress core, theme integration/extendability is finally beginning to stabilize. The latest changes to BigBox ensure performant admin editor styles and continued tweaks to conform to the recommended theme support.

(more…)

BigBox 1.7.0 includes a few great enhancements to further push the performance of the theme.

Lately I have been following the WP Rig project which aims to create a modern build process and and implement progressive enhancements for many web standards. From the theme I found the lazy loading of images an interesting concept to implement and borrowed some code (🎉 GPL!) to implement in BigBox. You can see the images lazy loading in the BigBox demo →

(more…)