一个标题加一组链接,可分为一列或多列。可用于展示类别、品牌、尺码或任何页面列表。
添加区块
-
选择布局
在预览的超级菜单面板中,点击 添加区块。点击 链接列表,将鼠标悬停在某个布局上,然后点击 选择。
(1) 点击链接列表,(2) 选择一个布局。 -
添加链接
点击预览中列表下方或 元素 列表中的 添加项目。点击该区块打开 编辑项目,然后填写每个链接;点击 移除 可删除链接。
预览中的链接列表区块,其设置显示在编辑项目中。 -
保存并发布
点击 保存,然后点击 发布。
布局
链接列表 选项卡最前面是四种特殊布局:Hover image links(悬停图片链接)、Feature list(特色列表)、Feature list row(特色列表行)和 Button(按钮)。请参阅 悬停图片链接、特色列表 和 按钮。经典链接列表布局包括:
- 2 列
- 一个标题,链接分为 2 列。
- 3 列
- 一个标题,链接分为 3 列。
- 简单
- 一个标题加一列链接。
- 带图标的链接
- 每个链接前显示一个图标。
- 带图片的链接
- 每个链接前显示一张小图片。
设置
区块
- 宽度
- 区块在超级菜单行中所占的宽度:自动 或 8.33% 到 100%。
- 列数
- 将链接分布在 1 到 6 列中。
- 背景颜色
- 整个区块的背景。
- 可见性
- 在桌面上隐藏、在移动设备上隐藏、登录后隐藏、仅在登录时显示、计划发布。请参阅 所有区块共有的设置。
- 额外的类名
- 位于 高级 下。用于 自定义 CSS 的 CSS 类。
每个链接
- 设为标题
- 将该链接显示为列标题。没有链接的标题会显示为纯文本。
- 图标
- 显示在链接前的图标。请参阅 菜单项图标。
- 图标宽度
- 当图标为上传的图片时显示:自动 或 自定义(%、px、em 或 rem)。
- 标题
- 链接文字。
- 链接
- 搜索页面、产品、产品系列或博客文章,或粘贴 URL。勾选 在新标签页中打开 可在新标签页中打开链接。
- 图片图标 / 图片宽度
- 在带图片的布局中(例如 带图片的链接):链接前的小图片及其大小(自动 或 自定义)。
- 描述
- 链接下方的一行简短文字。
- 徽章
- 链接旁的小标签,例如“New”或“Sale”。开启 切换徽章,然后设置 徽章标题、徽章文字颜色 和 徽章背景色。
提示
- 在每个列表顶部放一个开启了 设为标题 的链接。
- 在列表末尾添加一个指向整个产品系列的 View all(查看全部)链接。
此页面对您有帮助吗?
感谢您的反馈! 告诉我们缺少了什么
报告问题