准备工作

1. 安装 Shopify CLI

Shopify CLI 是一个命令行工具,可帮助您构建 Shopify 模板。它允许您在本地开发时预览、测试和共享对模板的更改。按照以下说明在 macOS 或 Windows 上安装 Shopify CLI。对于其他平台,请参阅安装 Shopify CLI

macOS

  1. brew tap shopify/shopify
  2. brew install shopify-cli

Windows(基于Ruby)

  1. gem install shopify-cli

2.使用 Dawn 初始化一个新模板

用于shopify theme init将 Dawn Git 存储库克隆到本地计算机。

Dawn是 Shopify 的参考模板,专为性能、灵活性和易用性而打造。您可以使用 Dawn 作为构建模板的起点。

  1. 在终端中,导航到要克隆 Dawn 的工作目录。
  2. 输入以下命令:
  1. shopify theme init
  1. 系统会提示您输入模板名称,例如my-new-theme-project. 模板被克隆到同名文件夹中。
  2. 克隆模板后,导航到文件夹:
  1. cd my-new-theme-project

您还可以使用此命令从另一个 Git 存储库克隆模板。

创建Shopify模板 - 图1

3. 使用 Shopify CLI 进行身份验证

使用shopify login到Shopify CLI与商店连接要工作。
  1. 在终端中,键入shopify login —store 您要登录的商店在哪里:
  1. shopify login --store johns-apparel.myshopify.com
  1. 在您的浏览器窗口中,登录附加到您要用于开发的商店的帐户。

4.预览您的模板

初始化模板后,您可以运行shopify theme serve以在浏览器中与模板进行交互。Shopify CLI 将模板作为开发模板上传到您所连接的商店。 该命令返回一个 URL,该 URL 将本地更改热重新加载到 CSS 和部分,允许您使用商店的数据实时预览更改。此预览仅在 Google Chrome 中可用。
  1. 要为您的模板提供服务,请运行以下命令:
  1. shopify theme serve
  1. 在 Google Chrome 中,导航到http://127.0.0.1:9292以打开模板预览。

5.安装Shopify模板

有两种方式,一种是上传zip文件,另一种是从Github连接

  1. 从您的 Shopify 后台,转到在线商店>模板
  2. 模板库部分,单击添加模板>选择对应的操作

创建Shopify模板 - 图2

6.发布您的模板

  1. 从您的 Shopify 后台,转到在线商店>模板
  2. 模板库部分,找到您要发布的模板,然后单击操作>发布
  3. 发布…窗口中,单击发布