Login in Checkout, Offline notice & more in ScandiPWA 2.11.0

Another impressive release from ScandiPWA development team! Here's what's new in ScandiPWA 2.11.0:

• Demo Store Notice support
• Login in checkout functionality
• Offline notice
• Pagination control settings support
• Tier price notice display on PLP
• Up-Sell products support
• Customer — email confirmation
• Different images for slider for mobile and desktop views
• SEO improvements
• Bug fixes

Let's move to the detailed feature breakdown!

Demo Store Notice support

If your store is in the development mode, you can now turn on the demo store notice in the admin view and let your users know that the orders will not be fulfilled.

Login in checkout functionality

Not only you can now create an account in checkout, but also login to your account.

The “My account” button is now present in the header during checkout. On the click on the button, you can only log in to the account and reset the password.

• The Meta is now controlled via Globalstate.

Offline notice

As a PWA we are now informing the customers when they are offline so that they don’t get frustrated when new data doesn’t show up after they refresh.

When the offline mode is on, the sticky note appears under the header and placeholders are not loading.

Pagination control settings support

Support for Magento pagination control settings is here! Now you can manage:

• The number of links that you want to appear in the pagination control.
• The number of links that you want to skip ahead
  before displaying the next set of links in the pagination control.
• The text that you want to appear for the Previous and Next links.

Tier price notice display on PLP

When a tier price promotion is applied to a product, the notice about the promotion is now also present on the product listing page.

The notice appears as an “As low as” text under the product price on the product card.

Up-Sell products support

Now you are welcome to add up-sells to your products. The up-sell products will appear on the product description page under the block with related products.

NOTE! The number of the products displayed in both related and up-sell product blocks was changed to 5.

Customer — email confirmation

Now, when the “Require email confirmation” is set to “Yes”, you are now able to create an account.

For enabling the feature:

1. Inside M2 admin navigate to Stores > Configuration > Customers > Customer Configuration > Create New Account Options
2. Set Require Emails Confirmation to Yes
3. For getting correct links, set `Stores > Configuration > General > Web > Search Engine Optimization > Use

Web Server RewritestoYes`

Different images for slider for mobile and desktop view

Now, you can add different slide images for mobile and desktop view.
In the admin view, a different field for the mobile image was added.

SEO improvements

• HTML Head — Prefix/Suffix support
  In this release, no Prefix and Suffix are present by default.
• Meta login changes

Now, meta-logic is set in the global state. The meta component is no longer used in every rout, instead, it is included once and manipulated using Redux.

• Default Meta description fixes

Now, the default meta description value set in the admin is respected by the theme.

• Fixes for canonical URL
• Missing page titles were added
• Missing H1 tags were added
• URL rewrite fixes

Now, the automatic product redirects will work correctly after the URL was changed.

• Structured Data Markup adjustments

Product markup was removed from up-sell product blocks.
Product reviews, URL, and stock availability were added to product markup.
Product markup was removed from category pages.
Product markup was removed from HP.
Organization markup was removed.

Bug fixes

Here is a breakdown of issues that were fixed in this release:

• “Special Price” does not disappear after a promotion ends
• Attribute values do not correspond to products in a category
• Certain search terms (i.e black, blue, grey, etc.) return a 502 error from the server
• Cross-sells of configurable options are not present in cross-sell block in cart

Important notes

• The header height is now defined using --header-total-height, it is a sum of offline notice, demo-notice, header heights
• Fonts are now TTFs not WOFF2s. The change in both index.production.phtml and index.development.html must be applied.

Get the latest ScandiPWA files and read more in our Github page:

scandipwa/base-theme