编写模板

您可以编辑模板以自定在线商店的具体内容、合理布局、样式和色调。每一个模板都保证了一些系统分区和设定，能够您用以变更店铺的外型，而不用编写一切编码。

自定模板前的准备工作

在自定义模板以前，最好是实行下列每日任务：

拷贝您的模板以建立一个备份数据团本。这使您在须要时可以更好地舍弃变更并从头开始开展自定。

保证您掌握可以用的适用等级。

掌握上传照片的标准和最好作法。

模板编辑器

模板编辑器会在树形图中表明您现阶段在侧边栏中查询的模板的任何具体内容。您可以应用进行标志▸来进行系统分区节点以查询当中的块，还能够应用折叠式标志▾将其折叠式来掩藏块。您可以点一下一切系统分区或块来查询其设定。

侧边栏模式

模板编辑器给予二种模式来运用显示屏上的全部室内空间。

双侧边栏模式合适较宽的浏览器对话框和很大的显示屏，而单侧边栏模式合适窄小的浏览器对话框和较小的显示屏。侧边栏模式决策了设定面板在编辑器中的表明部位。

双侧边栏模式

假如您的显示屏总宽超过1600清晰度而且浏览器对话框已彻底进行，或是您的浏览器对话框已扩大到最少1600清晰度总宽，这时将表明2个侧边栏。左边的侧边栏包括导航栏面板，右边的侧边栏包括设定面板。

提醒:

若想在显示屏上以单侧边栏模式查询模板编辑器，请调窄浏览器对话框，直到设定面板挪动到导航栏侧边栏顶端或消退。

单侧边栏模式

窄小的浏览器对话框仅表明一个侧边栏来为模板浏览空出室内空间。点一下系统分区或块以对它进行编写时，设定面板会在侧边栏中的导航栏面板顶端开启。

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

Editingyourtheme

Youcanedityourthemetocustomizeyouronlinestorescontent,layout,typography,andcolors.Eachthemeprovidessectionsandsettingsthatallowyoutochangethelookandfeelofyourstorewithouteditinganycode.

Beforeyoucustomizeyourtheme

Beforeyoucustomizeyourtheme,itsagoodideatodothefollowingtasks:

Duplicateyourthemetocreateabackupcopy.Thismakesiteasytodiscardyourchangesandstartagainifyouneedto.

Makesurethatyouunderstandwhatlevelofsupportisavailable.

Learnabouttherequirementsandbestpracticesforuploadingimages.

Themeeditor

Thethemeeditordisplaysatreeviewofallthecontentforthetemplatethatyourecurrentlyviewinginthesidebar.Expandasectionnodeusingtheexpandicon▸toviewitsblocks,orcollapseitusingthecollapseicon▾tohidetheblocks.Youcanclickonanysectionorblocktoviewitssettings.

Sidebarmodes

Thethemeeditorofferstwomodestomakeuseofallofthespaceonyourscreen.

Doulesidebarmodeisforwiderbrowserwindowsandlargerscreens,andsinglesidebarmodeisfornarrowerbrowserwindowsandsmallerscreens.Thesidebarmodedetermineswherethesettingpanelappearsintheeditor.

Doublesidebarmode

Ifyouhaveascreenlargerthan1600pixelswideandyourbrowserwindowisfullyexpanded,oryourbrowserwindowisexpandedtoatleast1600pixelswide,thenyoullhavetwosidebars.Theleft-handsidebarcontainsthenavigationpanel,andtheright-handsidebarcontainsthesettingpanel.

Tip

Toviewthethemeeditorinsinglesidebarmodeonalargescreen,makeyourbrowserwindownarroweruntilthesettingpanelmovesovertopofthenavigationsidebarordisappears.

Singlesidebarmode

Narrowerbrowsersonlyhaveonesidebartoconservespaceforthethemepreview.Whenyouclickonasectionorblocktoeditit,thesettingpanelopensovertopofyournavigationpanelinthesidebar.

文章由来：Shopify商家官网