如何在Shopify站点中添加自定义人员动态列表并按规则展示

方案选型说明 #

你有PHP、MySQL、HTML/CSS基础，以下提供两种可行落地方案，可根据你的需求灵活选择：

方案1：原生Shopify元对象实现（零额外服务器成本，优先推荐） #

无需额外搭建数据库，全部逻辑在Shopify生态内完成，完全匹配你的需求：

• 第一步：后台创建自定义元对象（自定义数据模型）
  • 先创建「国家」元对象，添加字段：国家名称（单行文本）、国旗（图片）
  • 再创建「证书」元对象，添加字段：证书名称（单行文本）、专业能力等级（单选/单行文本）、认证日期（日期）
  • 最后创建「人员」元对象，添加字段：姓名（单行文本）、照片（图片）、简介（多行文本/富文本）、个人网站（URL）、邮箱（邮箱）、所在城市（单行文本）、所属国家（关联类型，绑定「国家」元对象，限制单条）、持有证书（关联类型，绑定「证书」元对象，允许多条）
• 第二步：权限配置
  元对象默认仅店铺管理员拥有录入、编辑权限，无需额外配置，完全符合你的数据管控要求
• 第三步：自定义列表页面模板
  • 进入Shopify后台「在线商店」-「主题」-「编辑代码」
  • 新建页面模板，命名为page.team-list.liquid
  • 按需求写Liquid逻辑：先查询所有国家元对象，遍历每个国家后查询该国家下关联的所有人员，再按人员持有的证书分组展示。Liquid语法逻辑和PHP高度相似，基础用法1-2小时即可上手
  • 直接在模板内编写HTML结构和CSS样式即可完成页面布局
• 第四步：上线发布
  后台新建独立页面，模板选择刚才创建的team-list，发布后即可通过固定路径访问人员列表

方案2：外部MySQL+PHP对接方案（适合需要复杂数据操作的场景） #

如果你后续需要拓展更复杂的数据统计、批量操作等功能，可以用自有服务器对接：

• 第一步：搭建本地数据结构
  在你的服务器创建MySQL数据表，按需求建3张主表+1张关联表：国家表、证书表、人员表、人员-证书关联表（实现人员和证书的多对多绑定），做好外键关联规则
• 第二步：开发PHP接口
  写两组接口：1. 管理员数据增删改接口，加权限验证，仅Shopify管理员可调用；2. 前端查询接口，返回按国家、证书提前分组后的结构化数据，减少前端计算量
• 第三步：Shopify端页面开发
  在Shopify主题内新建自定义页面模板，写HTML页面框架，用JS调用PHP接口拉取数据渲染，自行编写CSS样式即可
• 第四步：管理员入口配置
  可以单独开发独立的管理员数据操作后台，也可以对接Shopify Admin API把操作入口嵌入Shopify官方后台，使用更统一

学习建议 #

• 优先掌握Liquid基础语法，核心学习变量定义、遍历循环、条件判断、元对象调用四个模块即可，不需要啃完整套文档
• 选原生方案的话重点熟悉元对象的关联规则和调用方法
• 选外部对接方案的话重点了解Shopify自定义页面模板规则、Admin API基础鉴权逻辑

内容的提问来源于stack exchange，提问作者michi