Skip to content
  1. template/.json ➡︎ sections ➡︎ type 的属性值 等于 sections/.liquid 的文件名,根据这一点就可以搜索找到liquid对应template里的json alt text

  2. {% render 'xxx' %}就是在引用 snippets/*.liquid,根据这一点就可以搜索找到使用该snippet的section

  3. 最简单粗暴的方法:打开开发者工具查看元素的class/id属性值,然后全局搜索定位到html里,进而继续定位一些变量的使用(JS)和样式问题(CSS)

  4. 在后台里要充分利用sidekick来找配置页面,直接通过产品名称让sidekick找到对应产品的后台配置页面 alt text

  5. 浏览器开发者工具中Copy element,将复制的内容对给VSCode中的agent,让它找到对应的代码

  6. 根据Theme Editor里的template类型定位到相关templates/*的文件

alt text

alt text

  1. 使用任意产品快速测试某个template的方法

在产品页的URL里设置param: view=

这样就省去手动到产品后台修改产品和theme template的关联了

alt text