模板构架版本

2021年7月，Shopify公布了名叫“OnlineStore2.0”的新模板构架。应用以前构架的模板称之为复古时尚模板。复古模板包括二种种类：分区模板和未分区模板。模板构架版本决策了组成模板的文件属性、模板自定方法及其运用与模板的集成化方法。您的模板构架版本还很有可能为您供应新Shopify作用的访问限制。

Shopify给予一些不要钱的OnlineStore2.0模板，每一个都使用不一样的造型设计。深入分析OS2.0模板，或访问模板店铺以搜索与OnlineStore2.0兼容的模板。

您的模板构架版本还选择了您对Shopify新作用的应用管理权限，这种作用仅在OnlineStore2.0模板中公布。

“OnlineStore2.0”作用与复古时尚模板作用

特点复古时尚OS2.0 首页上的分区
自定在线商店首页上的具体内容。加上、重新排序或删掉分区以建立网页布局。✓✓ 每一个网页页面上的分区
自定在线商店大部分网页页面上的具体内容。加上、重新排序或删掉分区和块，以建立与众不同的网页布局。-✓ 提高的使用适用
组装或变更运用，而不需要改动一切编码。应用运用块可在模板中的任一地方加上运用作用。-✓ 应用动态性源使具体内容更丰富
根据将设定联接到动态性源，向您模板的一切设定中加上信息的技术化信息内容。动态性源可以是网络资源特性或元字段名值。-✓ 系列产品挑选
容许顾客按是不是货源充足、价钱等情况挑选店铺中的系列产品。-✓

备注名称

特殊作用的可以用状况在于您应用的模板。尽管全部OS2.0模板都能够应用新作用，但一定在模板中含有相对应作用才可以应用。

扩展您的业务流程

访问OnlineStore2.0运用系列产品，以搜索可与您的在线商店无缝拼接集成化的运用。您可以应用运用块和应用置入在模板中的所有地方加上运用作用。

明确您的模板构架版本

针对下列状况，您也许必须了解您的模板应用的是哪种模板构架版本：

您要试着明确运用或应用作用能否与您的模板兼容

您想应用仅适用OnlineStore2.0模板的功用之一

您想掌握某一自定实例教程是不是适用您的模板

模板构架版本与模板库文件的每一种模板具备相对性应的关联。您很有可能与此同时有着“OnlineStore2.0”模板和复古时尚模板。

流程：

PC:

在Shopify后台管理中，转到在线商店模板。

寻找您要编写的模板，随后点一下自定。

开启网页页面顶端的下拉列表。

挑选商品默认设置商品。这将开启默认设置商品模板。

查询商品模板分区下边的侧栏。假如您有“OnlineStore2.0”模板，分区目录下便捷会表明加上分区按键。

假如未表明加上分区按键，则您很有可能有着复古时尚分区模板或复古未分区模板。若要掌握您的模板应用的是哪种版本的复古时尚构架，请依照明确复古时尚模板构架版本中的过程完成实际操作。

ios系统：

在Shopify运用中，轻触店铺。

在营销渠道一部分，轻触在线商店。

轻触管理方法模板。

寻找您要编写的模板，随后轻触自定。

轻触模板。

挑选商品默认设置商品。这将开启默认设置商品模板。

查询商品模板分区下边的侧栏。假如您有“OnlineStore2.0”模板，分区目录下便捷会表明加上分区按键。

假如未表明加上分区按键，则您很有可能有着复古时尚分区模板或复古未分区模板。若要掌握您的模板应用的是哪种版本的复古时尚构架，请依照明确复古时尚模板构架版本中的过程完成实际操作。

安卓手机系统：

在Shopify运用中，轻触店铺。

在营销渠道一部分，轻触在线商店。

轻触管理方法模板。

寻找您要编写的模板，随后轻触自定。

轻触模板。

挑选商品默认设置商品。这将开启默认设置商品模板。

查询商品模板分区下边的侧栏。假如您有“OnlineStore2.0”模板，分区目录下便捷会表明加上分区按键。

假如未表明加上分区按键，则您很有可能有着复古时尚分区模板或复古未分区模板。若要掌握您的模板应用的是哪种版本的复古时尚构架，请依照明确复古时尚模板构架版本中的过程完成实际操作。

备注名称

在偏少状况下，有可能您模板的一些地区适用OnlineStore2.0作用，而其它地区则不兼容。例如，您的商品网页页面很有可能适用加上和删掉分区，而系列产品网页页面则可能不支持。这是由于OnlineStore2.0作用必须JSON模板才可以正常的运作。假如您仅仅一部分地将模板转移到OnlineStore2.0，或是您的模板并不是来源于Shopify模板店铺，而且模板开发者未在任何网页页面中添加JSON模板，那麼您很有可能就并没有适用全部网页的JSON模板。

明确复古时尚模板构架版本

在了解您应用的是复古时尚模板后，您还应当掌握您应用的是分区或是未分区模板。这将协助您掌握适用模板的自定，及其在一切模板自定实例教程时要遵循的系列产品流程。

在模板编辑软件中查验模板版本的一种形式是查看您是不是可以根据拖放来分配首页的合理布局。假如能拖放原素，则代表您应用的是分区模板。

为明确您应用的是哪个版本，请查询您的模板编码中的Sections文件夹名称。

流程：

PC：

在Shopify后台管理中，转到在线商店模板。

寻找要编写的模板，随后点一下实际操作编写编码。

查询侧栏中的文件夹名称构造：

假如Sections文件目录中有文档，则代表您应用的是分区模板。

假如Sections文件目录中没有文档，则代表您应用的是未分区模板。

ios系统：

在Shopify运用中，轻触店铺。

在营销渠道一部分中，轻触在线商店。

轻触Managethemes（管理方法模板）。

寻找要编写的模板，随后点一下实际操作编写编码。

查询侧栏中的文件夹名称构造：

假如Sections文件目录中有文档，则代表您应用的是分区模板。

假如Sections文件目录中没有文档，则代表您应用的是未分区模板。

安卓手机系统：

在Shopify运用中，轻触店铺。

在营销渠道一部分中，轻触在线商店。

轻触Managethemes（管理方法模板）。

寻找要编写的模板，随后点一下实际操作编写编码。

查询侧栏中的文件夹名称构造：

假如Sections文件目录中有文档，则代表您应用的是分区模板。

假如Sections文件目录中没有文档，则代表您应用的是未分区模板。

模板版本

全部模板都是有版本号，可在模板库中开展查询。若要掌握模板版本中间的差别，请查询模板升级的发售表明。

Shopify商家官方网站全文详细信息：

Themearchitectureversions

InJuly2021,ShopifyreleasedanewthemearchitecturecalledOnlineStore2.0.Themesthatusethepreviousarchitecturearecalledvintagethemes.Vintagethemeshavetwotypes:sectionedandnon-sectioned.Yourthemearchitectureversiondeterminesthefiletypesthatmakeupyourtheme,thewaysthatyoucancustomizeyourtheme,andthewaysthatappscanintegratewithyourtheme.YourthemearchitectureversionmightalsogiveyouaccesstonewShopifyfeatures.

ShopifyoffersseveralfreeOnlineStore2.0themes,eachdesignedwithadifferentlookandfeel.LearnmoreaboutOS2.0themes,orbrowsethethemestoretofindthemesthatarecompatiblewithOnlineStore2.0.

YourthemearchitectureversionalsodeterminesyouraccesstonewShopifyfeatures,whicharereleasedonlyonOnlineStore2.0themes.

OnlineStore2.0featuresvs.vintagethemefeatures

FeatureVintageOS2.0 Sectionsonthehomepage
Customizethecontentonyouronlinestoreshomepage.Add,rearrange,orremovesectionstocreateyourpagelayout.✓✓ Sectionsoneverypage
Customizethecontentonmostofyouronlinestorespages.Add,rearrange,orremovesectionsandblockstocreateuniquepagelayouts.-✓ Enhancedappsupport
Installorchangeappswithouttouchinganycode.Addappfunctionalityanywhereinyourthemeusingappblocks.-✓ Richercontentusingdynamicsources
Adddynamic,specializedinformationtoanysettinginyourthemebyconnectingthesettingtoadynamicsource.Adynamicsourcecanbearesourceattributeorametafieldvalue.-✓ Collectionfiltering
Allowcustomerstofiltercollectionsinyourstorebyavailability,price,andmore.-✓

Note

Theavailabilityofspecificfeaturesdependsonwhichthemeyouuse.WhileallOS2.0themescanmakeuseofthenewfeatures,thefeaturemustbeincludedinyourthemeinordertouseit.

Growyourbusiness

BrowsetheOnlineStore2.0appcollectiontofindappsthatintegrateseamlesslywithyouronlinestore.Youcanaddappfunctionalityanywhereinyourthemebyusingappblocksandappembeds.

Determineyourthemearchitectureversion

Youmightwanttoknowwhichthemearchitectureversionyourthemeisusinginthefollowingcases:

youretryingtodeterminewhetheranapporappfeatureiscompatiblewithyourtheme

youwanttouseoneofthefeaturesonlyavailabletoOnlineStore2.0themes

youwanttoknowwhetheracertaincustomizationtutorialappliestoyourtheme

Thethemearchitectureversionisspecifictoeachthemeinyourthemelibrary.YoumighthavebothOnlineStore2.0themesandvintagethemesinyourthemelibraryatthesametime.

Steps:

PC：

FromyourShopifyadmin,gotoOnlineStoreThemes.

Findthethemethatyouwanttoedit,andthenclickCustomize.

Openthedrop-downmenuatthetopofthepage.

SelectProductsDefaultproduct.Thisopensthedefaultproducttemplate.

Lookinthesidebar,belowtheproducttemplatesections.IfyouhaveanOnlineStore2.0theme,thenanAddsectionbuttonappearsbelowthesectionlist.

IfnoAddsectionbuttonappears,thenyoumighthaveavintagesectionedthemeoravintagenon-sectionedtheme.FollowthestepsinDetermineyourvintagethemearchitectureversiontolearnwhichvintagearchitectureversionyourthemeisusing.

iPhone：

FromtheShopifyapp,tapStore.

IntheSaleschannelssection,tapOnlineStore.

TapManagethemes.

Findthethemethatyouwanttoedit,andthentapCustomize.

TapTemplates.

SelectProductsDefaultproduct.Thisopensthedefaultproducttemplate.

Lookinthesidebar,belowtheproducttemplatesections.IfyouhaveanOnlineStore2.0theme,thenanAddsectionbuttonappearsbelowthesectionlist.

IfnoAddsectionbuttonappears,thenyoumighthaveavintagesectionedthemeoravintagenon-sectionedtheme.FollowthestepsinDetermineyourvintagethemearchitectureversiontolearnwhichvintagearchitectureversionyourthemeisusing.

Android：

FromtheShopifyapp,tapStore.

IntheSaleschannelssection,tapOnlineStore.

TapManagethemes.

Findthethemethatyouwanttoedit,andthentapCustomize.

TapTemplates.

SelectProductsDefaultproduct.Thisopensthedefaultproducttemplate.

Lookinthesidebar,belowtheproducttemplatesections.IfyouhaveanOnlineStore2.0theme,thenanAddsectionbuttonappearsbelowthesectionlist.

IfnoAddsectionbuttonappears,thenyoumighthaveavintagesectionedthemeoravintagenon-sectionedtheme.FollowthestepsinDetermineyourvintagethemearchitectureversiontolearnwhichvintagearchitectureversionyourthemeisusing.

Note

Inlimitedcases,somepartsofyourthememightsupportOnlineStore2.0featureswhileothersdont.Forexample,yourProductpagemightsupportaddingandremovingsections,andyourCollectionpagemightnot.ThisisbecauseOnlineStore2.0featuresrequireJSONtemplatestofunction.YoumightnothaveJSONtemplatesforallpagesifyouonlypartiallymigratedyourthemetoOnlineStore2.0,orifyougotyourthemeoutsideoftheShopifyThemeStoreandthethemedeveloperdidntincludeJSONtemplatesforallpages.

Determineyourvintagethemearchitectureversion

Afteryouknowyoureusingavintagetheme,youshouldalsolearnwhetheryoureusingasectionedoranon-sectionedtheme.Thishelpsyouunderstandwhichcustomizationsareavailableforyourtheme,andwhichsetofstepstofollowwithinanythemecustomizationtutorials.

Awaytocheckinthethemeeditoristocheckifyoucandraganddroptoarrangethelayoutofyourhomepage.Ifyoucandraganddropelements,thenyouhaveasectionedtheme.

Tomakesurewhichversionyouareusing,checktheSectionsfolderwithinyourthemecode.

Steps:

PC：

FromyourShopifyadmin,gotoOnlineStoreThemes.

Findthethemeyouwanttoedit,andthenclickActionsEditcode.

Checkthefolderstructureinthesidebar:

IftherearefilesintheSectionsdirectory,thenyoureusingasectionedtheme.

IftherearentanyfilesintheSectionsdirectory,thenyoureusinganon-sectionedtheme.

iPhone：

FromtheShopifyapp,tapStore.

IntheSaleschannelssection,tapOnlineStore.

TapManagethemes.

Findthethemeyouwanttoedit,andthenclickActionsEditcode.

Checkthefolderstructureinthesidebar:

IftherearefilesintheSectionsdirectory,thenyoureusingasectionedtheme.

IftherearentanyfilesintheSectionsdirectory,thenyoureusinganon-sectionedtheme.

Android：

FromtheShopifyapp,tapStore.

IntheSaleschannelssection,tapOnlineStore.

TapManagethemes.

Findthethemeyouwanttoedit,andthenclickActionsEditcode.

Checkthefolderstructureinthesidebar:

IftherearefilesintheSectionsdirectory,thenyoureusingasectionedtheme.

IftherearentanyfilesintheSectionsdirectory,thenyoureusinganon-sectionedtheme.

Themeversions

Allthemeshaveaversionnumber,whichcanbeseeninyourThemeLibrary.Tolearnaboutthedifferencesofthemeversions,reviewthereleasenotesofathemeupdate.

文章内容由来：Shopify商户官方网站