The new editing experience in Shopify OS 2.0 is the first thing you’ll notice. This new editor allows online businesses to swiftly create storefronts from the ground up. They have the ability to install a variety of theme extensions as well as control apps inside the themes. All of the features and functionalities have been consolidated in the new editor. The new storefront theme is 35% quicker than the old default theme, Debut, Dawn.
Shopify has announced its infrastructure and developer tools investments. Shopify’s online shop owners don’t have to worry about re-platforming when it comes to creating headless commerce sites or customizing them.
The new Shopify OS is centered on increasing the platform’s visibility among developers and IT heavyweights. We support Shopify OS 2.0 because it allows us to establish, modify, scale, and monetize our businesses on the platform.
Shopify New Theme “Dawn” Architecture
Merchants had restricted access to blocks inside the shop in previous versions of Shopify. Previously, the store had a variety of templates. These templates correspond to various goods, and new parts may only be added to the Homepage. Shopify sellers, on the other hand, are no longer confined to the Homepage with the new Shopify OS 2.0 and can develop new sections on any page.
JSON template files that specify the page’s settings may be used to activate the templates for each page. You may list all of the page’s sections and collections, as well as custom pages, blog entries, and other items, here. It allows you to choose which portions will be shown using the JSON template’s files.
Theme App Extensions With App Blocks In Shopify Online Store 2.0
The new Dawn theme is also faster than the previous Debut tune. As a result, switching to Shopify OS 2.0 will result in a faster-performing site. The new theme, on the other hand, isn’t limited to simply increasing the site’s performance.
Theme app extensions, which will make app installs easier via app blocks, are among the many features in OS 2.0 that help app developers (and hence merchants).
The theme app extension transforms how merchants connect with apps by allowing them to quickly and simply incorporate applications into their theme directly from the theme editor, without ever touching any code. The ghost code will be immediately erased from the merchant’s shop if they want to uninstall the app later.
Flexible Store Content
With OS 2.0, developers no longer have to rely on APIs to make changes to product pages or hardcode the display of meta fields (additional data that applications may attach to goods, customers, orders, and other objects).
Instead, theme developers may now include meta field definitions as setting defaults, making it easier for merchants to make adjustments and upload items like photos or PDFs to product detail pages (PDPs).
Merchants may now add meta fields and properties without utilizing any API or code with the newest theme editor.
Changes in the Metafield
As a Shopify store owner, you can quickly add content to product pages, as well as create spacing for adding more information to entice consumers, such as a sizing chart or an ingredient list. The meta field may be used to update anything that doesn’t display in the shop editor. The following are the many methods for changing the meta field:
Some Of The Best Ways To Make Changes In The Meta Fields Are:
Flexibility: The Metafields offer a lot of options for safely inputting commercial data.
Standard Meta Fields: Standard meta fields are utilized across market verticals to make it easier for bespoke themes to get up and running.
Presentation Suggestions: To render store data, presentation hints are supplied to meta fields.
In Shopify Online Store 2.0, there is a File Picker
Metafields now supports a wide range of media assets, including photos, PDFs, and other documents. A theme does not require any files to be hard-coded. Using the meta field file picker, you may upload the selected media file to the product pages. The photos may be accessed via the settings/files path.
The file picker lets you choose a file to display on the product description page, such as a guaranty or size chart, with a simple user interface. That is why the meta field is contained within the theme.
Files API In Shopify Online Store 2.0
File API is included in the 2021-07 API version for creating, modifying, and deleting generic files. As a result, Shopify merchants may reuse files for other projects. These will be added to the Shopify admin’s files page.
The new Files API will provide Shopify developers access to the settings/files. This version also includes the GraphQL API, which allows you to simply upload media files via settings/files. Apps can access this section of the backend and use content to populate meta fields.
This allows apps a variety of options for storing files and pictures that aren’t related to the product, such as graphics used in themes.
Liquid Input Setting In Shopify Online Store 2.0
Another new feature in Shopify OS 2.0 is the liquid input option, which allows you to add custom Liquid code to pages directly from the editor. It works similarly to the HTML setting, with the exception that you now have access to Liquid variables.
Merchants have access to both global and template-specific Liquid objects. The Liquid input setting exempts merchants from altering the theme’s code in order to include code for Liquid-enabled applications. They can consult the developer documentation or look at Dawn’s custom-liquid section to see the new theme.
As a developer, you may make autonomous decisions regarding the shop, allowing you to concentrate on creative and financial issues.
In Shopify OS 2.0, the Shopify CLI tool has also been upgraded. Previously, the developers generated Node.js and Ruby on Rails apps using the CLI tool. However, custom themes may now be created via the CLI.
Here are some of the capabilities that the new Shopify CLI will provide to app developers:
Changes to themes can be created, reviewed, and tested.
You may reload CSS and Liquid section modifications on the dev server.
Create a new theme project that incorporates the Dawn theme.
To publish and push themes, use the command line.
The development themes are hidden in the Shopify OS 2.0 admin area, so you don’t have to worry about any site visitors seeing your store on the hidden theme. The development themes generated locally in real-time may be used to view changes in the theme, interact with it, and alter it using the theme editor. You have a lot of influence over how the final theme looks using the new CLI tool.
Check out the Shopify Online Store 2.0 theme
Theme check looks for flaws in the theme you’ve created. It’s a crucial part of the Liquid and JSON ecosystems. The tool will show you the best practices for the Shopify platform and Liquid language after you’ve completed the scan. It locates the flaws in the code. Error messages with a link to a failed check appear to help you understand the issues that persist.
Create your own online store.
We have gone through all of the features of Shopify OS 2.0 in this article. This new operating system will not only boost the efficiency of your Shopify business, but it will also allow you to tweak the theme and add new features. Hire a Shopify development firm that specializes in building Shopify stores from the ground up using the most recent Shopify OS.