开发者模式-系统变量打印
开发者模式-系统变量打印
每个卡片都有自己的配置值,在开发过程中,需要打印出来系统变量,方便开发
1.需要进行开启开发者模式
商家端后台: 设置
--> 高级设置
, 将liquid模版,开发者模式进行开启
2.前台商城,访问首页(使用chrome浏览器),F12打开Devtools,在console查看打印的系统变量的值,如下:
- 注意:如果您开启了cloudflare缓存,那么可以关闭cf缓存,或者刷新cf缓存
3.以卡片:特色产品滑块为例子
打开对象,里面有三个部分:
- section
- settings
- site_base_data
3.1:section卡片配置值
- settings: 卡片的配置值(商家端后台,模版装修,卡片配置保存的值),可以通过
{{ section.settings.xxxx }}
得到值 - blocks:子卡片的配置值,可以通过
{{ section.blocks }}
得到值 - block_order:子卡片的排序,可以通过
{{ section.block_order }}
得到值
3.2:settings全局配置
- 模版装修,全局配置,保存的值,将在这里,里面是一个
key:value
键值对 - 可以通过
{{ settings.xxxx }}
得到值
3.3:site_base_data系统变量
- 每一个卡片,都会有site_base_data这个系统变量
- 系统变量指的是fecify系统的一些变量值,譬如:网站基础url,logo,默认模版等等
- 您可以通过
{{ site_base_data.pageData }}
得到值
这个里面比较特殊的是site_base_data.pageData
,里面存储的是页面独有的变量
- 譬如:商品详情页,保存的是商品数据,商品专辑页面,保存的是商品专辑以及商品列表数据
通过将系统变量打印出来,方便您进行模版二次开发过程中使用这些变量值