As of stencil-cli version 3.4.0, any published Widgets on the storefront will appear while rendering the storefront locally with the CLI.

This will allow you to have a more realistic preview of what theme changes will look like in conjunction with any Page Builder content, before you publish your theme.

To update to the latest version of stencil-cli, simply run:

npm i -g @bigcommerce/stencil-cli

4.14.1

View release 4.14.1 on GitHub

Fixed

• Fixed the product template include logic for WordPress 5.8

• Fixed bug introduced in WordPress 5.8 that prevents WordPress Customizer from reacting when changes were made to the Product Catalog "Sort By" options.

• Updates add to cart functionality to wait for creation of cart, so multiple add to carts function properly. Fix for: BC4WP - Buffer Overrun Problem #230

Payments

• Added Mollie to the list of supported gateways for stored cards.

API

• The Product Sort Order API is now generally available.

Theme

• Added support for Localizing Variation Descriptions enabling you to customize the display language of your theme.

API

• The Widgets API now supports Localizing Widget Template Settings.

• GraphQL API Reference documentation now includes a complete set of GraphQL types, queries, mutations, and parameters.

Developer Blog

• What’s New for Merchants in June

• Employee Spotlight: George FitzGibbons

Theme

• Update language files for some locales. #2086

4.14.0

View release 4.14.0 on GitHub

Fixed

• Fixed Product Form > Option Description escaping logic so <strong> tags render properly.

• Fixed login redirect_to query argument not being respected. This happened for admin users in the case when confirm admin email action was in progress. Other user roles were not affected.

• Fixed Admin/Users reset password link.

• Fixed cart footer template description and bumped the template version (related github issue: #275)

• Fixed JavaScript error that occured when the pricing API errors out (related github issues: #226 #231)

Theme

• Added ability to embed a GraphQL query in the front matter of a Stencil theme. See GraphQL attributes for examples and a complete list of available variables.

• Localization

  - Added ability to localize the control panel, system messages, and other options outside your theme by using one of the following methods:

  • Control Panel: Access the default language setting found in the control panel’s Store Profile.

  • API: Use the newly added Store Locale settings endpoints.

    - GET /settings/store/locale

    - PUT /settings/store/locale

  - Added the automated display of translated country and state name on the storefront based on the default storefront language defined in the control panel.

Developer Blog

• Beat the Heat: Best Practices for Hotfixes

• Using BigCommerce Customer Identity & Access Management to Authenticate Your APIs

Theme

• Implement CEV language files into Cornerstone. #2084

• Added translations for Consent Manager. #2083

You may now fetch the rendered HTML of widgets created via Widgets API or Page Builder.

To get the content, you’ll need to provide a page type, and the ID for the page (if necessary). In the response, you’ll get a list of all the regions on that page, and the HTML of the widgets within those regions. This response can be used to inject Widget content into a headless storefront, or in any other situation where you need to flexibly access the content.

Here’s an example query:

# Get the widget HTML for the home page
query getHomePageContentWidgets {
  site {
    content {
      renderedRegionsByPageType(pageType: HOME) {
        regions {
          name
          html
        }
      }
    }
  }
}

Theme

• Translation mechanism for config.json values have been implemented. #2076

• Enter press on Compare checkbox cause quick view opening. #2074

• Product images in quick view can be squashed. #2075

• Fixed shift in change options popup on Cart page. #2071

• Fixed possibility to select 'None' on multi unrequired Swatch Options. #2068

• Translation Gap: Account -> Wish List -> Name required message. #2060

• Translation Gap: Cart -> Shipping estimator error messages. #2066

• Add to cart button and Wishlist should be on one line on desktop. #2050

• Logo on AMP Product details page (PDP) doesn't fit header. #2054

• Translation Gap: Compare page fields (Description, Rating, and Availability). #2059

• Translation Gap: Compare products error message. #2061

• Translation Gap: Gift Certificate -> Code required message. #2064

• Added translation for invalid quantity value error on Cart. #2062

• Translation Gap: Delete from Cart confirmation popup. #2065

• Fixed NaN error on increase/decrease product quantity by adding field validation. #2052

• Fixed social share links on blog post. #2077