Shopify Online Store 2.0

Shopify is presently conducting its Unite conference, and the business has confirmed the launching of version 2.0 of its online store. With this release, Shopify has opened up new avenues for developers to create Platform experiences and themes. In addition, the firm has supplied instructions for upgrading themes to 2.0 requirements.

The eCommerce platform exhibited various updates and modifications, including what it termed "Online Store 2.0," during a live event on June 29, 2021, called Shopify Unite, intended for businesses and the Shopify developer community.

The business believes that the improved theme architecture enables customization considerably more versatile, which is the first significant news for developers as part of this release. In addition, themes will now support sections on all pages. Initially, this functionality was restricted to the top page and necessitated extensive editing to enable alternatives. Shopify has posted a getting launched video that explains the changes.

Shopify has introduced theme app extension features to this new theme architecture, which are meant to simplify integrating applications with themes. Previously, this was a time-consuming manual operation that necessitated retooling for every theme.

These are just a few examples from the entire product launch, which developers should read for more information. Also, keep in mind the migration guide for themes that need to be upgraded to the 2.0 standards.

Shopify's Online Store 2.0- What Every eCommerce Business Owner Should Know

‍

The most important revelation for business owners and managers may have been the above mentioned Online Store 2.0, or at least a chunk of it.

"Today, I am planning to present to you the greatest and most daring upgrade we have ever shipped to the online shop," Vanessa Lee, Shopify's online store product director, stated. "Our goal is to provide programmers more power while also making it easier for merchants to use that power and construct their storefront."

As per Lee, Shopify has revamped three aspects of its online store:

- Themes as well as the online editor

- Store content,

- Tools for developers

Unless you are a developer, the new online editor and the upcoming content management would most certainly have the most influence.

Shopify improved their templating language, Liquid, which now features an editor that performs similarly to WordPress's Gutenberg, introduced in 2018, or the page editors in Squarespace and Wix.

This improved editor may eventually replace certain famous Shopify apps, such as the Shogun page builder. Suppose the demonstrations provided by Shopify are any indication. In that case, the new online editor will allow small and medium-sized businesses to easily construct new page templates and fill them with data without having to write code — given the theme used makes use of Shopify's sections and components.

‍

Overview

The new features in the Online Store 2.0 begin with a completely new editing experience. The new editor makes it extremely simple for merchants to create brand-new storefronts, apply for theme extensions, and administer apps within themes. In addition, the new editor was designed to consolidate all accessible features and functionalities.

Shopify is attempting to increase the platform's visibility among developers and tech titans with the new updated online shop 2.0. Shopify gave Netflix early access to Store 2.0, which was a sign of this.

Online Store 2.0 is all-inclusive. With the new store, anyone can develop, personalize, scale, and monetize on Shopify.

‍

The New Theme Architecture

Earlier versions of the online store limited merchants' access to the number of blocks available within the store. Previously, stores had different layouts that corresponded to various items. As a merchant, you may now add parts to each new page using the 2.0 version. Previously, you could only add features to your homepage.

You can enable the templates for each page by using a JSON template file that describes the page's parameters. You can use this to list all the sections of a page, collection pages, customized pages, blog entries, and other items.

Theme App Extensions with App Blocks

The theme app extensions for developers can assist you in adding a variety of features and extensions. You can use this to enhance the functioning of the merchant's website.

There was previously no method for apps to interface with themes. As a consequence, developers were forced to write integration logic for pre-existing pieces. This made creating features that worked consistently across many themes extremely challenging. That is no longer true.

App Modularity

Another feature that stands out is the app's versatility. This means that you can now add and delete UI components via the theme editor as a developer. In addition, you do not need to have accessibility to the theme's code.

This provides a straightforward method for managing an app's supporting assets. With Shopify 2.0, you can effortlessly manage your app's supporting assets and host them on the platform.

File Picker

Metafields now supports a wide range of media, such as photos and PDF files. Instead of hard-coding a specific file type to a theme, a Meta field file selector allows you to upload the chosen media to the product pages.

The photographs are available for immediate use and can be viewed via the settings/files area.

If you want a product warranty or sizing chart, the file selector makes it easy to select that file with simple UX. The meta field is thus embedded within the theme itself.

Liquid Input Setting

Another change to the theme editor is the Liquid input feature, which allows you to add customized Liquid code to pages directly from the editor.

The HTML setting is identical to the Liquid setting. The only distinction is that you now have access to Liquid variables. In addition, merchants can gain access to both worldwide and template-specific Liquid objects.

New Developer Tools

Online shop 2.0 brings up many possibilities for developers to create new apps and themes for you. The new developer tools connect with and aid in the testing, developing, and deploying of new compositions.

The Shopify GitHub interface makes it simple to use the Shopify CLI tool in conjunction with theme check. Both of these tools allow you to evaluate themes in a sandbox, which speeds up development.

‍

Next Article: Essential Shopify Pricing Strategies to Follow

Shopify Announces Shopify Online Store 2.0