Skip to content

悬浮加购按钮 (Sticky ATC)

在移动端,当用户向下浏览长篇的产品描述时,“加入购物车”按钮往往会被划走。Sticky ATC 确保购买按钮永远触手可及。

功能亮点

  • 智能显示: 只有当主加购按钮滚出屏幕外时,悬浮栏才会出现。
  • 多变体支持: 悬浮栏内包含变体选择器(Variant Picker),用户无需滚回顶部即可切换颜色/尺码。
  • 移动端优先: 经过专门优化,不会遮挡底部的聊天插件或导航栏。

开启方法

  1. 进入 Customize > Theme settings > Advanced
  2. 勾选 Enable sticky Add to Cart

样式设置

  • Position:
    • Bottom: 固定在屏幕底部(推荐移动端,符合拇指操作区)。
    • Top: 固定在屏幕顶部(推荐桌面端)。
  • Content:
    • 您可以选择是否显示产品小图、价格。建议在移动端仅显示“价格 + 按钮”以保持简洁。

性能优势

不同于第三方 App 需要加载大量的外部 JS,Synergify 的悬浮按钮是主题原生的,对页面加载速度的影响为 0

Synergify Theme - Unleash the power of synergy.