模板,Shopify模版代码如何编辑？Shopify模版代码编辑教程

模板,Shopify如何编辑模板代码？Shopify编辑教程核心内容的模板代码

                                                                                               

模板,Shopify如何编辑模板代码？Shopify编辑教程文本的模板代码

       

   

   您可以编辑模板代码Shopify详细更改在线商店。大多数构成模板的文件都包含 Liquid，这是 Shopify 模板语言。模板文件还包括 HTML、CSS 和 JavaScript。只有你知道 HTML 和 CSS，并具备 Liquid 模板的代码只能在相关基础知识中编辑。

   

   自定义模板前的准备工作

   

   最好在自定义模板之前执行以下任务：

   

   复制您的模板以创建备份副本。这使得您可以在需要时轻松放弃更改并重新开始自定义。

   

   确保您了解可用的支持级别。

   

   了解上传图片的要求和最佳做法。

   

   编辑模板代码

   

   您可以编辑模板代码。

   

   步骤：

   

   在 Shopify 后台，转到网店 > 模版。

   

   单击操作 > 编辑代码。

   

   模板文件的目录显示在代码编辑器的左侧，用于查看和编辑文件的空间显示在右侧：

   

       

   

   代码编辑器可以通过单击展开图标来填充屏幕：

   

       

   

   页面可以通过单击折叠图标恢复正常:

   

       

   

   单击左目录中的文件时，将在代码编辑器中打开。您可以一次打开和编辑多个文件。您修改的所有文件将在文件名旁边显示一个紫色点：

   

       

   

   这可以帮助你跟踪已经改变的地方。

   

   如果您想在单击保存后恢复文件的任何更改，请打开文件，然后单击旧版本。下拉菜单将显示您每次保存的日期和时间。选择要恢复的版本，然后单击保存。

   

       

   

   当代码编辑器扩展到全屏时，您可以单击页面底部的按钮，在明暗之间切换编辑器颜色方案：

   

       

   

   如需了解使用深色编辑器的好处，请参考 Shopify 伙伴博客上的 The Power of the Dark Side: Dark User Interfaces(深色力量:深色用户界面)。

   

   模板代码自定义教程

   

   您可以根据模板代码定制教程指导您更改在线商店。本教程根据他们修改的页面或功能类型进行整理。

   

   获取有关自定义项的帮助

   

   如果您需要更改模板的帮助，请联系您的模板开发人员寻求支持。

   

   查看其他可以帮助您定制模板的资源，请参考模板支持的其他资源。(来源:Shopify）

   

   以上内容属作者个人观点，不代表跨境网立场！如有侵权，请联系我们。

   

   相关推荐:Shopify模板添加推荐产品部分设置指南