Built-in modularity App Blocks represent a radical change. Therefore, in the way apps are included within themes. Application developers can now create UI components that can be added, removed, and configured directly through the theme editor without having to touch a theme’s code. This means that uninstalls are also cleaner, as ghost code is automatically removed. Theme app extensions can be easily created, published, and updated (with version control) from the Shopify CLI, just like other app extensions. This modularity means that you no longer need to create integration logic for each existing theme. And since you no longer need to open the theme code to manually install your app, you won’t have to worry about making any breaking changes. That means less time troubleshooting with users.
To identify if a merchant is using a theme that is compatible with your theme app’s extensions, you must use the Themes API and the Assets API. Knowing what type of theme a merchant is using will help you offer the best onboarding Saudi Arabia WhatsApp Number List experience for merchants to integrate the app into their theme. Host and manage assets You’ll also be able to add your app’s supporting assets to your theme app extensions for quick hosting via the Shopify CDN, and easily reference those assets from your theme extension’s app blocks. Shopify Online Store – A flowchart showing how an app block and a theme app extension interact. Therefore, An example of an app block included in a theme app extension.
Theme App Extensions With App Blocks
To create your first theme app extensions and make your apps compatible with Online Store 2.0. Visit the migration information in our documentation. Flexible store content With Online Store 2.0. Developers don’t have to hardcode metafields in themes or rely on APIs. To make changes to product pages. Theme developers can now use dynamic fonts to insert standard metafields. And well-known resource properties as default settings. Metafield improvements The updated theme editor. Will allow merchants to add metafields and properties. Without the use of APIs or code. That means merchants will be able to add exactly the content they need to the product page. Like presenting a space for shoppers to include a size chart or a list of ingredients.
Anything that is unlikely to appear in the main store editor can now be added via metafields. On the development side, we’ve revamped the metafields in three key ways. More flexible: Metafields now have a much more flexible type system that will grow over time to better fit business data. Standard metafields. We’re introducing standard metafields. Therefore, Which make it much easier for custom themes to work out-of-the-box across stores across different verticals. Presentation Hints – You will now be able to add presentation hints to metafields. Allowing Storefront API and Liquid users to render merchant data the way the merchant intended. Therefore, With much less custom code. Learn more about metafields in our documentation and see a demo below. Therefore, File chooser Metafields now support media such as images or PDFs.
Host and Manage Assets
Therefore, Instead of hardcoding an asset into a theme. The metafield file picker makes it easy to upload and select media on product pages. All your images saved in the Settings/Files section are immediately available for use. For example, if merchants want to have a product guarantee or size chart available for download on a product page, the file picker makes it easy to select that file with a simple UX and insert it where the file metafield is placed in your topic. . file API Developers will also gain access to Settings/Files content via the new Files API. Therefore, This GraphQL API allows applications to load or select existing media from Settings/Files . However, Applications can now benefit from access to this area of the manager, including populating media metafields with content.