免邮进度条 (Free Shipping Bar) 功能

免邮进度条功能旨在通过可视化方式激励顾客达到免邮金额，从而提高平均订单价值 (AOV)。它会在顾客购物过程中实时显示距离免邮还差多少金额，并在达到目标时给予祝贺。

配置项

您可以在 主题设置 (Theme Settings) -> ⚡ 免邮进度条 (FSB) 中找到以下配置项：

启用免邮进度条 (总开关) (fsb_enable)
- 类型：复选框 (Checkbox)
- 描述：勾选此选项以启用或禁用整个免邮进度条功能。
- 默认值：true (启用)
仅在购物车有商品时显示 (fsb_show_only_has_items)
- 类型：复选框 (Checkbox)
- 描述：勾选此选项后，免邮进度条只会在购物车中有商品时显示。
- 默认值：false

全站顶部显示 (fsb_show_global)
- 类型：复选框 (Checkbox)
- 描述：勾选此选项以在网站的顶部显示免邮进度条。
- 默认值：false
👉 开启全站顶部吸顶 (Sticky) (fsb_global_sticky)
- 类型：复选框 (Checkbox)
- 描述：如果 全站顶部显示 已启用，勾选此选项将使进度条在用户向下滚动时固定在屏幕顶部。兼容手机端。
- 默认值：true
购物车页面显示 (fsb_show_cart_page)
- 类型：复选框 (Checkbox)
- 描述：勾选此选项以在独立的购物车页面显示免邮进度条。
- 默认值：true
购物车抽屉显示 (fsb_show_drawer)
- 类型：复选框 (Checkbox)
- 描述：勾选此选项以在购物车抽屉（或迷你购物车）中显示免邮进度条。
- 默认值：true

免邮金额目标 (金额) (fsb_threshold)
- 类型：数字 (Number)
- 描述：设置顾客需要达到的免邮金额阈值。
- 默认值：50
进行中文案 (英文) (fsb_msg_default)
- 类型：文本区域 (Textarea)
- 描述：设置当顾客尚未达到免邮金额时显示的动态文案。您可以使用 [amount] 占位符，它将自动替换为距离免邮还差的金额。
- 默认值：You are only [amount] away from **Free Shipping**!
达标文案 (英文) (fsb_msg_success)
- 类型：文本区域 (Textarea)
- 描述：设置当顾客达到免邮金额时显示的祝贺文案。
- 默认值：Congratulations! You've got **Free Shipping**!

容器背景色 (fsb_bg_color)
- 类型：颜色 (Color)
- 描述：设置免邮进度条容器的背景颜色。
- 默认值：#ffffff
文字颜色 (fsb_text_color)
- 类型：颜色 (Color)
- 描述：设置进度条中文案的文字颜色。
- 默认值：#333333
进度槽背景色 (fsb_track_bg)
- 类型：颜色 (Color)
- 描述：设置进度条背景（未填充部分）的颜色。
- 默认值：#f1f1f1
进度条颜色 (未达标/红色) (fsb_color_progress)
- 类型：颜色 (Color)
- 描述：设置当未达到免邮金额时，进度条填充部分的颜色。
- 默认值：#ff4d4d
进度条颜色 (已达标/绿色) (fsb_color_success)
- 类型：颜色 (Color)
- 描述：设置当达到免邮金额时，进度条填充部分的颜色。
- 默认值：#4CAF50

启用条纹动画 (fsb_use_stripe_animation)
- 类型：复选框 (Checkbox)
- 描述：勾选此选项以在进度条上显示动态条纹动画。
- 默认值：true
启用达标撒花特效 (fsb_enable_confetti)
- 类型：复选框 (Checkbox)
- 描述：勾选此选项后，当顾客达到免邮金额时，会显示一个撒花庆祝特效。
- 默认值：true

启用和配置：
- 导航到 Shopify 后台 -> 在线商店 -> 主题 -> 自定义。
- 在主题编辑器中，点击左侧的 主题设置。
- 找到 ⚡ 免邮进度条 (FSB) 部分。
- 勾选 启用免邮进度条 (总开关) 以激活此功能。
- 根据您的需求配置免邮金额目标、文案、颜色和特效。
选择显示位置：
- 在 显示位置控制 部分，勾选您希望免邮进度条显示的位置（全站顶部、购物车页面、购物车抽屉）。
- 如果在全站顶部显示，您可以选择是否启用 吸顶 (Sticky) 效果。
保存设置：
- 点击右上角的 保存 按钮以应用您的更改。

现在，免邮进度条将根据您的设置在网站上显示，并根据顾客的购物车总金额动态更新。