Get in Touch

Your Need-to-Know for Shopify Online Store 2.0

What’s new in 2.0, and should your brand upgrade now?

The summer of 2021 saw some significant changes from Shopify with the launch of Online Store 2.0. As a partner that is ever-listening to their customers, and optimizing their service, this upgrade offers streamlined solutions for developers and merchants alike.

But, when has anyone ever accepted transition without a modicum of hesitation? We’re here with our expertise and services to help. Let’s dive into some of the major updates.

  • Themes and Editor Update

On earlier versions of the online store, we were limited in the number of blocks we could include in the store, with a wide range of templates for products. Now, usability is improved with adding sections to each page (not just the home page). As opposed to needing Liquid code for templates, we can now use templates with JSON files to get even more granular with the UI both frontend and backend. With the updates to the app extension and app blocks, apps can also integrate with the themes for greater consistency across multiple themes. This means a development team can greatly improve the site for faster and easier functionality.

Before 2.0, the only fully customizable drag-and-drop sections was the homepage. Now, you can get  all that flexibility on every page of the site; no hacky duplications or workarounds with blocks to mimic the homepage sections. - Bree Therkildsen, Lead Developer at Ambaum
  • Metafields

Although integration to external apps is easier, Shopify’s Online Store 2.0 has implemented user-friendly metafields that can be edited directly from the admin view, making those apps or special urls obsolete. This is a major change, as the merchant is now able to modify metafields, as well as add content to product pages (i.e. lists and size charts). This update makes metafields more flexible and simpler for developers to keep the UI for merchants clean across market verticals.

supporting screenshot showcasing the new metafields

The metafields can simply be linked on the frontend through a field already in a section’s settings so now supported PDF files and images can be directly integrated without needing to hard code into the theme. Last, the theme editor now showcases a side view, with movable sections to allow frontend arrangement of those sections. 

  • Developer Tools

Previously development teams needed to create complex systems in order to deploy updates. Now, the Shopify GitHub integration provides streamlined use of the Shopify CLI tool and theme check for a more direct experience on deploying changes. 

supporting image showcasing the Shopify GitHub integration.

Another fantastic update is the functionality to scan the theme for errors with Theme Check. This scan highlights the possible errors of the platform and Liquid language, providing best practices before implementing. These tools enable developers to test their work, improving overall processes in Sandbox. The Shopify GetHub integration into the themes allows the developer greater collaboration in deployment before pushing updates live, with the new CLI tool giving developers a more exact view of the final customizations.

  • Do I need to update now?

At this moment, Shopify does not plan on disintegrating any older versions, but the advancements in the Online Store 2.0 deployment are hard to deny. In some examples of the clients we helped migrate, we saw a significant jump in pagespeed. Previously, even the most optimized Shopify stores would score in the mid 50’s, but our clients are now seeing 98 – 100 Google pagespeed scores with the switch to Shopify Online Store 2.0.

Example of one of our current clients on Shopify 2.0.

With the Online Store 2.0, new and expansive opportunities are available for developers and merchants alike, making the Shopify experience easier than ever before. Having more extensive sections means we’re able to reuse templates rather than repeatingly building out new ones, and simple content updates no longer require lengthy development recycles. 
Shopify has detailed the process of migrating to Online Store 2.0, and we’d love to help. Questions? Drop us a line.

Leave a Reply

Your email address will not be published. Required fields are marked *