在大图旁显示一组链接,悬停在某个链接上时,大图会切换为该链接的图片。可用于直观地预览类别(“New arrivals”“Best sellers”“Sale”),而无需占用完整图片网格的空间。
添加区块
-
选择布局
在预览的超级菜单面板中,点击 添加区块。点击 链接列表,将鼠标悬停在 Hover image links(悬停图片链接)上,然后点击 选择。区块初始带有标题“Collections”和 3 个示例链接。
(1) 点击链接列表,(2) 选择 Hover image links。 -
设置标题和默认图片
在 编辑项目 的 常规 下,输入 标题,选择 Default image(默认图片),并输入 Button label on image(图片上的按钮文字)。
预览中的悬停图片链接区块,以及编辑项目中的设置。 -
设置每个链接
输入 标题,选择 链接,并选择 Image on hover(悬停时的图片)。点击 添加 可添加链接,点击 移除 可删除链接。
-
保存并发布
在 Style(样式)下调整图片,然后点击 保存 和 发布。
设置
常规
- 标题
- 链接上方的文字。
- Default image
- 没有设置自己的 Image on hover 的链接显示此图片。
- Button label on image
- 显示在图片上、链接标题下方的文字。留空则只显示标题。
- 宽度
- 区块占超级菜单一行的比例:自动 或 8.33% 到 100%。
样式
- Image position
- 图片位置:在链接的 右 侧或 左 侧。
- 图片比例
- 1:1、4:3、3:4、16:9 或 9:16。
每个链接
- 标题
- 链接文字。
- 链接
- 链接的目标。
- Image on hover
- 顾客将鼠标悬停在此链接上时显示的图片。
每个区块最多 10 个链接。每个链接也会显示在 元素 列表中该区块的下方,并带有 Add link(添加链接)按钮:拖动链接可调整顺序,点击某个链接(在列表或预览中)可单独编辑该链接,包括其自己的 可见性。整个区块的 可见性 与其他区块相同,参阅所有区块共有的设置。
提示
- 使用形状相同的图片,并设置相应的 图片比例,这样切换链接时图片区域不会跳动。
- 链接标题要简短,因为标题也会显示在图片上。
此页面对您有帮助吗?
感谢您的反馈! 告诉我们缺少了什么
报告问题