跳转到主要内容
设计与购物车内容

添加悬浮购物车按钮

悬浮购物车按钮是位于店铺底部角落的圆形按钮。购物者滚动页面时它保持在原位,显示购物车中的商品件数,轻点一下即可打开由 Bundlex Cart 提供的购物车抽屉。在较长的产品页面上,页眉及其购物车图标会滚出视野,这时它尤其有用。

开启按钮

  1. 编辑购物车并打开购物车标签页。
  2. 在页面上下,开启悬浮购物车按钮。
  3. 选择角落:右下或左下角。
  4. 选择图标:购物车、购物袋、购物篮或手提包。
  5. 保存。

在您开启之前,该按钮一直处于关闭状态,因此在您保存之前,店铺不会有任何变化。

选择显示方式

  • 在桌面端显示和在移动端显示用于选择显示的设备。只要其中任一项开启,预览中就会显示该按钮。
  • 购物车为空时显示会让按钮在购物车没有商品时也保留在屏幕上。关闭时,按钮仅在购物车中有商品时显示。
  • 允许购物者拖动让购物者可以移动该按钮。位置会保存在其浏览器中。

购物者看到的效果

按钮上带有一个小的数量角标。抽屉打开时按钮会淡出,抽屉关闭后重新出现。当来自 Bundlex Bundles 的悬浮加购按钮栏显示时,该按钮会上移,以免遮挡它。

在您为它单独选择颜色之前,它会使用抽屉的强调色。在样式标签页的颜色下,打开悬浮购物车按钮行,设置按钮和按钮文字。该行仅在按钮开启时显示。没有尺寸字段。如需其他调整,请使用自定义 CSS。

屏幕阅读器和其他语言

屏幕阅读器会将该按钮读作“Open cart”。您可以在高级 > 消息 > 屏幕阅读器文本中的悬浮购物车按钮(屏幕阅读器)字段修改该文本。其他语言的文本在购物车的翻译页面中设置,位于悬浮购物车按钮卡片中,该卡片仅在按钮开启时显示。

这篇文章对您有帮助吗?

您的反馈有助于我们改进文档。

谢谢,我们会继续改进这篇文章。

想与我们的团队聊天? 还有疑问?

仍需帮助?

我们的团队只需点击一下即可联系。给我们发送消息,我们会尽快回复。

我们使用少量 Cookie 来确保网站正常运行、衡量网站使用情况,并在您打开聊天组件时为其提供支持。请参阅我们的 Cookie 政策。