Shopify二次开发之一：项目结构解析

目录

二次开发要求

关于每个template的页面解释

---

二次开发要求

• 需要了解开发语言  Liquid
• 了解html代码
• 需要安装Shopify CLI所需要的环境

以shopify cli2命令二次开发商店，通过以下命令去登录商店、拉取代码、推送代码。

登录
shopify login --store {stroeName}.myshopify.com

退出登录
shopify logout

拉代码
shopify theme pull

推代码
shopify theme push

运行
shopify theme serve

拉取下来的项目结构如下

├── assets //静态资源文件
    └── test.png
├── config  //全局配置
    └── settings_schema.json   //全局theme配置，通过shopify admin设置
    └── settings_data.json       //全局数据，在liquid模板可以通过 {
  
  { settings_data.color_page_bg }} 访问
├── layout
    └── theme.liquid  //主题模板入口文件
├── locales  //配置不同地区的文字
├── sections //模板中的块，用于构建页面的不同部分
    └── header.liquid
    └── ...
├── snippets  //可复用的代码片段，可以传入”props“
└── templates //商店模板，每个模板对应于一个特定类型的页面，比如首页、产品页面、购物车页面等
    └── customers
    └── page.json
    └── index.json 或 index.liquid
    └── 404.json

提示：对于shopify新手开发，可能并不知道templates下的文件是如何配置并对应到商店中的，也不知道section是什么，肯定很懵，再加上有之前的编程经验