shopify theme (五)

14 阅读1分钟

(53) 父 传递给 子 数值变量

① 传递 可选的参数变量

image.png

image.png

② 区块 参数传递

通过 render 'overlay', settings: section.settings,将 Hero 区块的所有配置(section.settings)传递给 overlay.liquid,让覆盖层能使用商家设置的颜色、样式等参数。

image.png

③ 全局参数:全网站统一的配置(如品牌色、字体),放在 settings_schema.json

image.png

(54) "type": "@app"

image.png

image.png

(55) 静态子块(Static blocks)

官网地址

{% content_for "block", type: "类型名", id: "唯一标识" %}

type: "类型名"

image.png

id: "唯一标识"

image.png

③ 在主题预设(presets)中配置静态子块(Static blocks)

image.png

image.png

image.png

(56) paginate

官网地址

image.png

(57) closest

官网地址

image.png

image.png

(58) 布局分割:<!--@list/split--> 的作用

image.png

(59) 将 HTML 字符串拆分为数组

image.png

image.png

(60) html 字符串, html 数组 都能 传递 给 子文件

在 (59) 的基础下,把处理 好的 html, 数组 传递给 snippets/resource-list.liquid

image.png

image.png