跳转到内容
安装应用
简体中文

悬停图片链接

在大图旁显示一组链接,顾客将鼠标悬停在不同链接上时,图片会随之切换。

参考 所有套餐 1 分钟阅读

在大图旁显示一组链接,悬停在某个链接上时,大图会切换为该链接的图片。可用于直观地预览类别(“New arrivals”“Best sellers”“Sale”),而无需占用完整图片网格的空间。

添加区块

  1. 选择布局

    在预览的超级菜单面板中,点击 添加区块。点击 链接列表,将鼠标悬停在 Hover image links(悬停图片链接)上,然后点击 选择。区块初始带有标题“Collections”和 3 个示例链接。

    (1) 点击链接列表,(2) 选择 Hover image links。
  2. 设置标题和默认图片

    在 编辑项目 的 常规 下,输入 标题,选择 Default image(默认图片),并输入 Button label on image(图片上的按钮文字)。

    预览中的悬停图片链接区块,以及编辑项目中的设置。
  3. 设置每个链接

    输入 标题,选择 链接,并选择 Image on hover(悬停时的图片)。点击 添加 可添加链接,点击 移除 可删除链接。

  4. 保存并发布

    在 Style(样式)下调整图片,然后点击 保存 和 发布。

设置

常规

标题默认: Collections
链接上方的文字。
Default image默认: 无
没有设置自己的 Image on hover 的链接显示此图片。
Button label on image默认: Shop now
显示在图片上、链接标题下方的文字。留空则只显示标题。
宽度默认: 66.66%
区块占超级菜单一行的比例:自动 或 8.33% 到 100%。

样式

Image position默认: 右
图片位置:在链接的 右 侧或 左 侧。
图片比例默认: 4:3
1:1、4:3、3:4、16:9 或 9:16。

每个链接

标题默认: New arrivals, Best sellers, Sale
链接文字。
链接默认: 无
链接的目标。
Image on hover默认: 无
顾客将鼠标悬停在此链接上时显示的图片。

每个区块最多 10 个链接。每个链接也会显示在 元素 列表中该区块的下方,并带有 Add link(添加链接)按钮:拖动链接可调整顺序,点击某个链接(在列表或预览中)可单独编辑该链接,包括其自己的 可见性。整个区块的 可见性 与其他区块相同,参阅所有区块共有的设置。

提示

  • 使用形状相同的图片,并设置相应的 图片比例,这样切换链接时图片区域不会跳动。
  • 链接标题要简短,因为标题也会显示在图片上。

此页面对您有帮助吗?

报告问题