添加悬浮购物车按钮
悬浮购物车按钮是位于店铺底部角落的圆形按钮。购物者滚动页面时它保持在原位,显示购物车中的商品件数,轻点一下即可打开由 Bundlex Cart 提供的购物车抽屉。在较长的产品页面上,页眉及其购物车图标会滚出视野,这时它尤其有用。
开启按钮
- 编辑购物车并打开购物车标签页。
- 在页面上下,开启悬浮购物车按钮。
- 选择角落:右下或左下角。
- 选择图标:购物车、购物袋、购物篮或手提包。
- 保存。
在您开启之前,该按钮一直处于关闭状态,因此在您保存之前,店铺不会有任何变化。
选择显示方式
- 在桌面端显示和在移动端显示用于选择显示的设备。只要其中任一项开启,预览中就会显示该按钮。
- 购物车为空时显示会让按钮在购物车没有商品时也保留在屏幕上。关闭时,按钮仅在购物车中有商品时显示。
- 允许购物者拖动让购物者可以移动该按钮。位置会保存在其浏览器中。
购物者看到的效果
按钮上带有一个小的数量角标。抽屉打开时按钮会淡出,抽屉关闭后重新出现。当来自 Bundlex Bundles 的悬浮加购按钮栏显示时,该按钮会上移,以免遮挡它。
在您为它单独选择颜色之前,它会使用抽屉的强调色。在样式标签页的颜色下,打开悬浮购物车按钮行,设置按钮和按钮文字。该行仅在按钮开启时显示。没有尺寸字段。如需其他调整,请使用自定义 CSS。
屏幕阅读器和其他语言
屏幕阅读器会将该按钮读作“Open cart”。您可以在高级 > 消息 > 屏幕阅读器文本中的悬浮购物车按钮(屏幕阅读器)字段修改该文本。其他语言的文本在购物车的翻译页面中设置,位于悬浮购物车按钮卡片中,该卡片仅在按钮开启时显示。
这篇文章对您有帮助吗?
您的反馈有助于我们改进文档。