主题部分定制
作为主题开发者,你可以为 SHOPLINE 商家定制主题。这些定制的范围可能从小的调整到完全的重新设计不等。
在本教程中,你将使用 SHOPLINE CLI 定制商家的主题,然后与他们分享你的进展。
你会学到什么
完成本教程后,你将完成以下任务:
- 获得商家商店的访问权限
- 设置本地开发环境
- 下载商家主题的副本
- 预览对本地代码所做的更改
- 与商家分享你的更改
- 发布你的更改
要求
- 你已安装 SHOPLINE CLI
- 你要使用的店铺的 URL,例如:
sl.myshopline.com
。
第 1 步:请求访问商家的商店
要操作商家的主题,你应该请求访问他们的商店,在商家的商店中处理主题可以让你使用商家的商品和其他资源进行测试。
如果你还没有这样做,你应请求一个带有 在线商店 权限的员工账号。员工账号仅允许你访问商店的部分。具体见 设置店铺管理员权限。
第 2 步:使用 SHOPLINE CLI 进行身份验证
用 shopline login 命令将 SHOPLINE CLI 与你要处理的商店进行连接。
- 在终端中输入你要登录的商店
shopline login --store <DOMAIN>
,其中<DOMAIN>
是你想要登录的店铺域名:
shopline login --store sl.myshopline.com
- 在你的浏览器窗口中,会跳转到登录界面,需要你输入用于开发的商店的账号。
第 3 步:下载商家主题代码
如果商家没有其主题的 GitHub 仓库,那么你需要下载主题代码的副本以在本地使用。
在使用下面的命令前,请确保在一个空文件夹下执行。
shopline theme pull
使用此命令可访问商家商店中的主题列表。
从列表中选择主题后,其内容将下载到当前文件夹下。
第 4 步:进行定制
下载商家主题后,你可以对主题代码进行任何必要的更改。例如,你可以调整主题的 CSS 以更改其外观。
第 5 步:预览你的更改
对主题进行更改后,你可以运行 shopline theme serve 命令在浏览器中与主题进行交互。 SHOPLINE CLI 会将主题上传为你所连接商店的开发主题。
该命令返回一个 URL,该 URL 会热加载对 CSS 和 section 的本地更改,使你能够使用商店的数据实时预览更改。
- 在终端中,进入到你的主题工作目录。
- 使用以下命令为你的主题启动一个服务:
shopline theme serve
- 在浏览器中,导航到
http://127.0.0.1:8282
以打开主题预览。
你还可以使用此命令生成预览链接和开发主题的主题编辑器链接。
当你运行 shopline logout
命令时,开发主题将被销毁。如果你需要与商家分享你的进展,请继续下一步。
第 6 步:分享你的更改
要与商家分享你的更改,你需要将更改上传到商家的主题中。系统会提示你选择要更新的主题。此命令返回一个链接,该链接指向 SHOPLINE 后台的主题编辑器链接和一个预览链接,你可以将这两个链接分享给商家。
shopline theme push
按照提示选择要更新的主题。完成后,系统会提供编辑器链接和预览链接,你可以将这些链接分享给商家。
第 7 步:发布更新的主题
在商家批准更改后,你可以发布主题,使其在商家的商店中上线。如果你还没有将更改推送到商店,那么你需要在发布主题之前进行推送。
- 在终端中输入以下命令:
shopline theme push
- 从列表中选择
live
主题。 - 确定并发布主题。
主题发布后,将成为商店的线上正在使用中的主题。