内容块参考
了解 Text、Button、Image、Quote、Accordion、Group、Spacer 和 Custom Liquid 的各项设置。
这些块组成主题的共享内容库。支持主题块的区域，包括 Hero 内容框、Image with text、Rich text、Multicolumn、Custom section 和 Group，都可以在 Add block 中添加它们。
Text 文字
一个 Text 块包含一段文字和一种样式角色。标题加正文可由多个 Text 块组成，无需在一个块中设置多个字段。
| 设置 | 选项 | 默认值 | 说明 |
|---|---|---|---|
| Text | 文本 | Text | 实际内容 |
| Text style | Display / Title / Subtitle / Normal text / Eyebrow | Title | 样式角色见下方 |
| Alignment | left / center / right | left | 对齐方式 |
- Display： 大字号、较细字重的首屏标题。
- Title： 加粗的分区标题。
- Subtitle： 用于子主题的中等标题。
- Normal text： 正文。
- Eyebrow： 小号、带字间距的大写标签，例如主标题上方的 NEW IN。
Button 按钮
胶囊形链接按钮。
| 设置 | 选项 | 默认值 | 说明 |
|---|---|---|---|
| Label | 文本 | Shop now | 按钮文字 |
| Link | 网址选择器 | — | 无链接时按钮禁用 |
| Button style | Primary / Secondary | Primary | Secondary 为描边或透明样式 |
| Size | Small / Medium / Large | Medium | Small 为 12px 字号及较小内边距；Large 为 16px 字号及较大内边距 |
Image 图片
| 设置 | 选项 | 默认值 | 说明 |
|---|---|---|---|
| Image | 图片选择器 | — | |
| Aspect ratio | Auto / Square / Portrait / Landscape | Auto | Auto 保留原始比例，其他选项裁剪适配 |
Quote 引用
客户评价或引用，可选署名。
| 设置 | 选项 | 默认值 |
|---|---|---|
| Quote | 富文本 | 示例引用 |
| Author | 文本 | — |
Accordion 折叠内容
由标题和可展开的富文本组成。在商品页中，连续的 Accordion 块会组合为带边框的列表，详见商品页内容块。
| 设置 | 选项 | 默认值 |
|---|---|---|
| Heading | 文本 | Details |
| Content | 富文本 | 示例文字 |
Group 分组
将内部块按行或列布局，例如两个并排按钮，或图标与文字组合。
| 设置 | 选项 | 默认值 | 说明 |
|---|---|---|---|
| Layout direction | Horizontal / Vertical | Vertical | 排列方向 |
| Alignment | Left / Center / Right | Left | 仅纵向布局使用 |
| Padding | 0–200px | 0 | 应用于交叉轴 |
Spacer 间隔
通过固定高度或填充剩余空间，调整内容间距。
| 设置 | 选项 | 默认值 | 说明 |
|---|---|---|---|
| Height | 0–160px | 40 | 固定间隔；填充模式下作为最小高度 |
| Fill available space | 开启 / 关闭 | 关闭 | 扩展以占据剩余空间，将前后内容推开 |
在图文分区中使用 Title → Spacer（fill）→ Normal text，可以让标题靠上、正文靠下，与图片高度对齐。移动端内容改为自然高度时，间隔会缩小至最小值。
Custom Liquid 自定义代码
面向开发者，渲染你粘贴的 Liquid 或 HTML。建议仅在常规块不能满足需求时使用，因为其中内容无法通过编辑器的常规控件调整。
Custom Liquid 会原样在店铺运行，错误标记或高开销脚本可能影响整个页面。