本指南可帮助您快速找到 为什么互动功能没有触发 以及 怎么修 它在 GemPages v7 中。
在开始之前
- 确认您已开启 GemPages v7 并测试 正确的页面/URL.
- 绝大部分储备使用 预览 (或已发布的页面)而不是编辑器画布来测试交互。
- 硬刷新(Ctrl/Cmd+Shift+R)或测试 匿名.
- 对于移动设备,使用 点击/点击 而不是 Hover 触发器。
交互功能无法正常工作的常见原因
1. 导航发生在操作完成之前
原因: 触发元素也是一个链接(例如,带有链接 = ON 和点击后操作 = 打开页面的通用按钮),因此浏览器会在交互之前离开(例如, 滚动至元素:常见问题解答) 即可运行。
解决方案: 在元素的设置面板中,关闭 链接 并保持交互动作为 滚动到元素(常见问题解答).
另外,如果您更喜欢没有交互的原生滚动,请设置按钮 链接 = #faqs 并删除交互。

2. 目标被隐藏、超出画布或被遮盖
原因: CSS(显示:无,不透明度:0)、屏幕外位置或覆盖(模态框、横幅、粘性标题)是 覆盖 目标。
解决方案: 暂时移除覆盖层,检查 索引,并确保 指针事件 未设置为 没有. 先使目标可见,然后重新测试。
3. 移动设备上使用的悬停触发器
原因: 悬停不会在触摸设备上触发。
解决方案: 使用以下方式创建特定于移动设备的交互 点击/点击 作为触发器。保持 Hover 仅适用于桌面。

4. 与第三方应用程序或自定义代码冲突
原因: 其他脚本拦截点击、停止事件传播或抛出 JS 错误。
解决方案:
- 暂时禁用购物车抽屉、弹出窗口或自定义 JS 并重新测试。
- 可选 开发工具 > 安慰 并修复所有错误。
- 重新逐个添加脚本,找出冲突。
5. 复制和导入/导出限制
原因: 复制或导入/导出页面时,交互不会保留。此外,某些计划和部分限制可能会影响交互的行为。
解决方案:
- 复制和导入/导出: 当您复制或导入/导出包含交互的页面时,这些交互将 不予结转 到新页面。
- GemPages 主题部分: 互动是 未保存 当您创建或使用主题部分时。
- 计划降级的影响: 如果您从 优化计划或更高版本 对于较低的计划,交互功能将 禁用。
- 兼容性: 所有页面类型都支持交互,包括 即时登陆页面 以及 销售页面 字幕可视电话用于 销售漏斗,但 不可用 ,具体采用了 购买后页面.
GemPages 的交互用例和技巧
当您的交互未启动时,请使用下面的快速检查来验证您的设置。
| 1. 数量变化后显示消息 |
|
| 2. 基于变体的内容 |
|
| 3. 加入购物车后弹出追加销售窗口 |
|
有关在 GemPages 中使用 Interaction 的更多用例和最佳实践,请参阅 本文.
谢谢您的意见