shopify市肆模板架构中“Online Store 2.0”功效与复古模板功效
模板架构版本
2021 年 7 月，，，，，，Shopify 宣布了名为“ Online Store 2.0”的新模板架构 。 。 。。。 。。。使用之前架构的模板称为复古模板 。 。 。。。 。。。复古模板包括两种类型：分区模板和未分区模板 。 。 。。。 。。。模板架构版本决议了组成模板的文件类型、模板自界说方法以及应用与模板的集成方法 。 。 。。。 。。。您的模板架构版本还可能为您提供新 Shopify 功效的会见权限 。 。 。。。 。。。
Shopify 提供一些免费的 Online Store 2.0 模板，，，，，，每个都接纳差别的外观设计 。 。 。。。 。。。详细相识 OS2.0 模板，，，，，，或浏览模板市肆 以查找与 Online Store 2.0 兼容的模板 。 。 。。。 。。。
您的模板架构版本还决议了您对 Shopify 新功效的使用权限，，，，，，这些功效仅在 Online Store 2.0 模板中宣布 。 。 。。。 。。。
“Online Store 2.0”功效与复古模板功效
| 特征 | 复古 | OS 2.0 |
|---|---|---|
| 主页上的分区 自界说在线市肆主页上的内容 。 。 。。。 。。。添加、重新排列或删除分区以建设页面结构 。 。 。。。 。。。 | ? | ? |
| 每个页面上的分区 自界说在线市肆大大都页面上的内容 。 。 。。。 。。。添加、重新排列或删除分区和块，，，，，，以建设奇异的页面结构 。 。 。。。 。。。 | - | ? |
| 增强的应用支持 装置或更改应用，，，，，，而无需修改任何代码 。 。 。。。 。。。使用应用块可在模板中的恣意位置添加应用功效 。 。 。。。 。。。 | - | ? |
| 使用动态源使内容更富厚 通过将设置毗连到动态源，，，，，，向您模板的任何设置中添加动态的专门化信息 。 。 。。。 。。。动态源可以是资源属性或元字段值 。 。 。。。 。。。 | - | ? |
| 产品系列筛选 允许客户按是否有货、价钱等条件筛选市肆中的产品系列 。 。 。。。 。。。 | - | ? |
备注
特定功效的可用情形取决于您使用的模板 。 。 。。。 。。。虽然所有 OS 2.0 模板都可以使用新功效，，，，，，但必需在模板中包括响应功效才华使用 。 。 。。。 。。。
拓展您的营业
浏览 Online Store 2.0 应用系列，，，，，，以查找可与您的在线市肆无缝集成的应用 。 。 。。。 。。。您可以使用应用块和应用嵌入在模板中的任何位置添加应用功效 。 。 。。。 。。。
确定您的模板架构版本
关于以下情形，，，，，，您可能需要知道您的模板使用的是何种模板架构版本：
您要实验确定应用或应用功效是否与您的模板兼容
您想使用仅适用于 Online Store 2.0 模板的功效之一
您想相识某一自界说教程是否适用于您的模板
模板架构版本与模板库中的每种模板具有相对应的关系 。 。 。。。 。。。您可能同时拥有“Online Store 2.0”模板和复古模板 。 。 。。。 。。。
办法：
PC:
在 Shopify 后台中，，，，，，转到在线市肆 > 模板 。 。 。。。 。。。
找到您要编辑的模板，，，，，，然后点击自界说 。 。 。。。 。。。
翻开页面顶部的下拉菜单 。 。 。。。 。。。
选择产品 > 默认产品 。 。 。。。 。。。这将翻开默认产品模板 。 。 。。。 。。。
审查产品模板分区下方的侧边栏 。 。 。。。 。。。若是您有“Online Store 2.0”模板，，，，，，分区列表下利便会显示添加分区按钮 。 。 。。。 。。。
若是未显示添加分区按钮，，，，，，则您可能拥有复古分区模板或复古未分区模板 。 。 。。。 。。。若要相识您的模板使用的是何种版本的复古架构，，，，，，请凭证确定复古模板架构版本中的办法举行操作 。 。 。。。 。。。
苹果系统：
在 Shopify 应用中，，，，，，轻触市肆 。 。 。。。 。。。
在销售渠道部分，，，，，，轻触在线市肆 。 。 。。。 。。。
轻触治理模板 。 。 。。。 。。。
找到您要编辑的模板，，，，，，然后轻触自界说 。 。 。。。 。。。
轻触模板 。 。 。。。 。。。
选择产品 > 默认产品 。 。 。。。 。。。这将翻开默认产品模板 。 。 。。。 。。。
审查产品模板分区下方的侧边栏 。 。 。。。 。。。若是您有“Online Store 2.0”模板，，，，，，分区列表下利便会显示添加分区按钮 。 。 。。。 。。。
若是未显示添加分区按钮，，，，，，则您可能拥有复古分区模板或复古未分区模板 。 。 。。。 。。。若要相识您的模板使用的是何种版本的复古架构，，，，，，请凭证确定复古模板架构版本中的办法举行操作 。 。 。。。 。。。
安卓系统：
在 Shopify 应用中，，，，，，轻触市肆 。 。 。。。 。。。
在销售渠道部分，，，，，，轻触在线市肆 。 。 。。。 。。。
轻触治理模板 。 。 。。。 。。。
找到您要编辑的模板，，，，，，然后轻触自界说 。 。 。。。 。。。
轻触模板 。 。 。。。 。。。
选择产品 > 默认产品 。 。 。。。 。。。这将翻开默认产品模板 。 。 。。。 。。。
审查产品模板分区下方的侧边栏 。 。 。。。 。。。若是您有“Online Store 2.0”模板，，，，，，分区列表下利便会显示添加分区按钮 。 。 。。。 。。。
若是未显示添加分区按钮，，，，，，则您可能拥有复古分区模板或复古未分区模板 。 。 。。。 。。。若要相识您的模板使用的是何种版本的复古架构，，，，，，请凭证确定复古模板架构版本中的办法举行操作 。 。 。。。 。。。
备注
在较少情形下，，，，，，有可能您模板的某些区域支持 Online Store 2.0 功效，，，，，，而其他区域则不支持 。 。 。。。 。。。例如，，，，，，您的产品页面可能支持添加和删除分区，，，，，，而产品系列页面则可能不支持 。 。 。。。 。。。这是由于 Online Store 2.0 功效需要 JSON 模板才华正常运行 。 。 。。。 。。。若是您只是部分地将模板迁徙到 Online Store 2.0，，，，，，或者您的模板不是来自 Shopify 模板市肆，，，，，，并且模板开发职员未在所有页面中加入 JSON 模板，，，，，，那么您可能就没有适用于所有页面的 JSON 模板 。 。 。。。 。。。
确定复古模板架构版本
在知道您使用的是复古模板后，，，，，，您还应该相识您使用的是分区照旧未分区模板 。 。 。。。 。。。这将资助您相识适用于模板的自界说，，，，，，以及在任何模板自界说教程中要遵照的系列办法 。 。 。。。 。。。
在模板编辑器中检查模板版本的一种方法是检查您是否可以通过拖放来安排主页的结构 。 。 。。。 。。。若是可以拖放元素，，，，，，则体现您使用的是分区模板 。 。 。。。 。。。
为确定您使用的是哪个版本，，，，，，请审查您的模板代码中的 Sections 文件夹 。 。 。。。 。。。
办法：
PC：
在 Shopify 后台中，，，，，，转到在线市肆 > 模板 。 。 。。。 。。。
找到要编辑的模板，，，，，，然后点击操作 > 编辑代码 。 。 。。。 。。。
审查侧边栏中的文件夹结构：
若是 Sections 目录中有文件，，，，，，则体现您使用的是分区模板 。 。 。。。 。。。
若是 Sections 目录中没有任何文件，，，，，，则体现您使用的是未分区模板 。 。 。。。 。。。
苹果系统：
在 Shopify 应用中，，，，，，轻触市肆 。 。 。。。 。。。
在销售渠道部分中，，，，，，轻触在线市肆 。 。 。。。 。。。
轻触 Manage themes（治理模板） 。 。 。。。 。。。
找到要编辑的模板，，，，，，然后点击操作 > 编辑代码 。 。 。。。 。。。
审查侧边栏中的文件夹结构：
若是 Sections 目录中有文件，，，，，，则体现您使用的是分区模板 。 。 。。。 。。。
若是 Sections 目录中没有任何文件，，，，，，则体现您使用的是未分区模板 。 。 。。。 。。。
安卓系统：
在 Shopify 应用中，，，，，，轻触市肆 。 。 。。。 。。。
在销售渠道部分中，，，，，，轻触在线市肆 。 。 。。。 。。。
轻触 Manage themes（治理模板） 。 。 。。。 。。。
找到要编辑的模板，，，，，，然后点击操作 > 编辑代码 。 。 。。。 。。。
审查侧边栏中的文件夹结构：
若是 Sections 目录中有文件，，，，，，则体现您使用的是分区模板 。 。 。。。 。。。
若是 Sections 目录中没有任何文件，，，，，，则体现您使用的是未分区模板 。 。 。。。 。。。
模板版本
所有模板都有版本号，，，，，，可在模板库中举行审查 。 。 。。。 。。。若要相识模板版本之间的差别，，，，，，请审查模板更新的刊行说明 。 。 。。。 。。。
Shopify商户官网原文详情：
Theme architecture versions
In July 2021, Shopify released a new theme architecture called Online Store 2.0. Themes that use the previous architecture are called vintage themes. Vintage themes have two types: sectioned and non-sectioned. Your theme architecture version determines the file types that make up your theme, the ways that you can customize your theme, and the ways that apps can integrate with your theme. Your theme architecture version might also give you access to new Shopify features.
Shopify offers several free Online Store 2.0 themes, each designed with a different look and feel. Learn more about OS2.0 themes, or browse the theme store to find themes that are compatible with Online Store 2.0.
Your theme architecture version also determines your access to new Shopify features, which are released only on Online Store 2.0 themes.
Online Store 2.0 features vs. vintage theme features
Feature Vintage OS 2.0 Sections on the home page
Customize the content on your online store's home page. Add, rearrange, or remove sections to create your page layout.? ? Sections on every page
Customize the content on most of your online store's pages. Add, rearrange, or remove sections and blocks to create unique page layouts.- ? Enhanced app support
Install or change apps without touching any code. Add app functionality anywhere in your theme using app blocks.- ? Richer content using dynamic sources
Add dynamic, specialized information to any setting in your theme by connecting the setting to a dynamic source. A dynamic source can be a resource attribute or a metafield value.- ? Collection filtering
Allow customers to filter collections in your store by availability, price, and more.- ? Note
The availability of specific features depends on which theme you use. While all OS 2.0 themes can make use of the new features, the feature must be included in your theme in order to use it.
Grow your business
Browse the Online Store 2.0 app collection to find apps that integrate seamlessly with your online store. You can add app functionality anywhere in your theme by using app blocks and app embeds.
Determine your theme architecture version
You might want to know which theme architecture version your theme is using in the following cases:
you're trying to determine whether an app or app feature is compatible with your theme
you want to use one of the features only available to Online Store 2.0 themes
you want to know whether a certain customization tutorial applies to your theme
The theme architecture version is specific to each theme in your theme library. You might have both Online Store 2.0 themes and vintage themes in your theme library at the same time.
Steps:
PC：
From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to edit, and then click Customize.
Open the drop-down menu at the top of the page.
Select Products > Default product. This opens the default product template.
Look in the sidebar, below the product template sections. If you have an Online Store 2.0 theme, then an Add section button appears below the section list.
If no Add section button appears, then you might have a vintage sectioned theme or a vintage non-sectioned theme. Follow the steps in Determine your vintage theme architecture version to learn which vintage architecture version your theme is using.
iPhone：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme that you want to edit, and then tap Customize.
Tap Templates.
Select Products > Default product. This opens the default product template.
Look in the sidebar, below the product template sections. If you have an Online Store 2.0 theme, then an Add section button appears below the section list.
If no Add section button appears, then you might have a vintage sectioned theme or a vintage non-sectioned theme. Follow the steps in Determine your vintage theme architecture version to learn which vintage architecture version your theme is using.
Android：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme that you want to edit, and then tap Customize.
Tap Templates.
Select Products > Default product. This opens the default product template.
Look in the sidebar, below the product template sections. If you have an Online Store 2.0 theme, then an Add section button appears below the section list.
If no Add section button appears, then you might have a vintage sectioned theme or a vintage non-sectioned theme. Follow the steps in Determine your vintage theme architecture version to learn which vintage architecture version your theme is using.
Note
In limited cases, some parts of your theme might support Online Store 2.0 features while others don't. For example, your Product page might support adding and removing sections, and your Collection page might not. This is because Online Store 2.0 features require JSON templates to function. You might not have JSON templates for all pages if you only partially migrated your theme to Online Store 2.0, or if you got your theme outside of the Shopify Theme Store and the theme developer didn't include JSON templates for all pages.
Determine your vintage theme architecture version
After you know you're using a vintage theme, you should also learn whether you're using a sectioned or a non-sectioned theme. This helps you understand which customizations are available for your theme, and which set of steps to follow within any theme customization tutorials.
A way to check in the theme editor is to check if you can drag and drop to arrange the layout of your home page. If you can drag and drop elements, then you have a sectioned theme.
To make sure which version you are using, check the Sections folder within your theme code.
Steps:
PC：
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit, and then click Actions > Edit code.
Check the folder structure in the sidebar:
If there are files in the Sections directory, then you're using a sectioned theme.
If there aren't any files in the Sections directory, then you're using a non-sectioned theme.
iPhone：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme you want to edit, and then click Actions > Edit code.
Check the folder structure in the sidebar:
If there are files in the Sections directory, then you're using a sectioned theme.
If there aren't any files in the Sections directory, then you're using a non-sectioned theme.
Android：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme you want to edit, and then click Actions > Edit code.
Check the folder structure in the sidebar:
If there are files in the Sections directory, then you're using a sectioned theme.
If there aren't any files in the Sections directory, then you're using a non-sectioned theme.
Theme versions
All themes have a version number, which can be seen in your Theme Library. To learn about the differences of theme versions, review the release notes of a theme update.
文章内容泉源：Shopify商户官方网站