文本、图片和分隔线既可以作为任何页面上的完整版块,也可以作为许多其他版块中的区块。它们在两种位置的设置相同,细微差别见下文。
添加一个
在建站工具中,点击添加新版块。文本和图片位于内容分组,分隔线位于装饰分组。每个页面最多可以添加 3 个文本版块、3 个图片版块和 10 条分隔线。要作为区块添加,请选择一个版块并点击添加新区块。
文本
- 文本:编辑器提供粗体、斜体、下划线、删除线、文字大小(小、正常、大、特大)、文字颜色、高亮颜色,以及清除格式按钮。
- 预设:默认、段落或标题 1到标题 6。标题使用您的标题字体,并告诉搜索引擎页面的结构。每个页面只使用一个标题 1。
- 字体:默认使用预设的字体。选择正文、标题、副标题或强调则改用字体设置中的对应字体。
- 大小(10 到 30 像素)、行高和字间距(紧凑、正常或宽松)。
- 宽度:适应(与文字一样宽)或填充(全宽)。选择填充时会出现对齐(左、居中、右)。
在合集页面上,文本可以使用 {{collection_name}}、{{collection_description}} 和 {{products_count}},显示当前所浏览合集的实时数值。
图片
- 图片:从媒体库中选择一张图片。
- 宽度:适应、填充或自定义(配合以百分比表示的自定义宽度)。选择填充时对齐会隐藏。
- 比例:自动(图片本身的形状)、纵向、正方形或横向。使用固定比例时,适应可选择覆盖(填满画框,可能会裁剪)或完整显示(显示整张图片)。
- 圆角半径:让角变圆,0 到 100 像素。
- 链接:可选。点击图片时打开此地址,例如
https://example.com/products/your-link。
分隔线
用于分隔内容的线条。在堆叠布局中它是水平的,直接放在水平组中时会变成垂直的。
- 宽度:适应或填充。
- 粗细:1 到 10 像素。长度:可用空间的 5% 到 100%。
- 对齐:开始、居中或末尾。长度小于 100% 时显示。
- 圆角半径:线条两端为锐利或圆角。
颜色和间距
- 作为版块时,每种都有配色方案:背景、文字颜色,分隔线还有线条颜色(配色方案的边框颜色)。请参阅配色方案。
- 作为区块时,文本有使用父级配色方案(默认开启)。关闭后可以选择其他配色方案。区块中的图片跟随所在版块。
- 每一边的内边距。分隔线版块最多允许 200 像素,可在版块之间留出更大的空间。
小贴士
- 空文本不会显示在店铺中,所以空的文本区块不会留下空白。
- 图片被裁剪:把适应设为完整显示,或把比例设为自动。
- 分隔线不是垂直的:它必须直接放在设为水平的组中,请参阅如何使用组区块把内容并排或分列放置?。