图片热点横幅

图片热点横幅模块用于在图片上标记特定的产品热点，并提供快速链接以引导用户浏览这些产品。此功能特别适用于展示带有多个产品的场景图，用户可以通过点击热点直接跳转到相关产品详情页。

配置选项

• 启用全宽

  • 用途: 启用后，横幅将占据页面的全宽，提供更具视觉冲击力的效果。

• 背景图片:

  • 用途: 设置横幅的背景图片，作为热点展示的基础。

• 默认打开第一个热点:

  • 用途: 如果启用此选项，当页面加载时，第一个热点将自动打开，显示关联的产品信息。

  • 注意: 如果未启用，用户需要手动点击热点才能查看相关信息。

• 图像比例:

  • 用途: 设置背景图片的显示比例。

  • 选项:

    • 正方形

    • 纵向

    • 全景

热点单元设置

每个热点可以设置在图片中的位置，并关联到一个产品。最多可以添加5个热点。

• 垂直位置:

  • 用途: 调整热点在图片中垂直方向的位置。

  • 操作: 通过滑块设置，调整位置百分比。

• 水平位置:

  • 用途: 调整热点在图片中水平方向的位置。

  • 操作: 通过滑块设置，调整位置百分比。

• 选择产品:

  • 用途: 选择与热点相关联的产品，用户点击该热点时将跳转到此产品页面。

  • 操作: 点击“选择产品”按钮，在弹出的产品选择器中进行选择。

使用注意事项

• 热点位置: 热点的位置应根据背景图片中的产品实际位置进行调整，以确保用户点击热点时能够准确定位相关产品。

• 图片选择: 背景图片应清晰、具备良好的视觉引导性，使用户能够轻松发现热点。

• SEO优化: 在热点关联的产品页面中，确保填写详细且相关的产品描述，有助于提升搜索引擎优化效果。

常见问题

• 热点不准确: 如果热点显示的位置不准确，请重新调整垂直和水平位置的百分比，以使热点对齐到正确的产品位置。

• 热点数量超出限制: 模块最多支持5个热点，请确保热点数量在此范围内。如果需要更多热点，建议拆分图片或重新规划展示内容。