Therefore, Today at Shopify Unite, we’re announcing one of our biggest updates to date: Online Store 2.0. Online Store 2.0 opens up huge opportunities for developers creating themes and apps for Shopify merchants. We’ve rebuilt the online store experience from the ground up and are introducing a new set of developer tools to help you create amazing experiences for merchants and shoppers. Therefore, In this article, we’ll take a look at these new tools and features to understand how they affect your work and the possibilities they present. We’ll also explain the requirements for updating your themes and apps to Online Store 2.0 standards. Therefore, Let’s jump. Table of Contents Improved theme architecture Flexible store content.
Theme editor improvements New developer tools A new reference topic Reopening of the Shopify theme store Updating your themes and apps 1. Improved theme architecture We have updated the theme architecture for the online store, providing easier and more flexible customization options for merchants. There are also new Poland WhatsApp Number List opportunities for developers to build themes and integrations that can be easily customized by the merchant to suit their needs. Sections on each page Until now, merchants have been limited in how they represent their business on Shopify, with the flexibility of sections limited to just the home page.
What It Means for Developers
Code edits, block solutions, or custom apps to achieve a similar effect on other pages. All of that changes with sections on every page. Merchants can now add sections to all pages. Not just the home page, unlocking a range of new opportunities to customize every aspect of a store. How the sections work on each page. These changes are achieved through a new approach to how. The storefront renders templates. Each type of page can now be rendered using a JSON template file. Which lists the sections for that page and stores configuration data related. To any additional sections a merchant adds or edits. Stores can have multiple template files that map to different products. Collection pages, custom pages, blog posts, and more. Allowing merchants to easily have different products.
Collections, and other pages in the same store. Within the new JSON template files, you can define which sections should appear by default when your theme is first installed, and in what order they should appear. Once the JSON template is, a merchant can navigate to the theme editor. And add any section that contains presets – exactly as. They would previously add dynamic sections to the home page. To see a model of how this set up. Take a look at /templates our new theme directory. Dawn, in the GitHub repository, or read our developer documentation on JSON templates. See below for a demo of the templates. Theme app extensions with app blocks With the updated. Theme architecture comes an update to how apps integrate with the storefront.
Improved Theme Architecture
Currently, there is no structured end-to-end solution for apps to easily integrate with themes. Developers have to create integration logic for each existing theme and host assets themselves, which makes it difficult to create features that work consistently across all themes and are fast anywhere in the world. To solve these challenges, we introduced Theme App Extensions for Developers, allowing you to extend apps to merchant themes via app blocks. Shopify Online Store – An updated theme editor GIF, showing an. App Block being to a product page. The user selects “Add Block” and chooses the application from a dropdown list. An app block is to a product page in the updated theme editor.