移动底部菜单(Move Bottom Menu)
适用于移动端的底部导航与 WooCommerce 商品详情页底部操作栏,支持二级/三级菜单、收藏/加购/立即购买、中国式省市区地址联动、优惠券使用提示与支付跳转兜底。
安装
- 将整个插件目录打包生成的 `move-bottom-menu.zip` 上传至 WordPress → 插件 → 安装插件。
- 启用插件后,在“外观 → 菜单”创建一个菜单并分配到位置 `Mobile Bottom`。
配置
- 管理后台位置:设置 → 移动底部菜单。
- 主要选项:手机/平板断点与启用、一级菜单最大数、颜色与高度、图标大小与位置、二级/三级菜单显示策略、商品详情底部菜单开关与布局、地址联动开关等。
短代码
-
mobile_bottom_menu:在任意页面手动渲染底部菜单(自动渲染已开启时可不使用) mbm_addresses:渲染“收货地址管理”页面(支持 CN 省市区联动、保存与设默认)
商品详情底部菜单
- 左侧最多 3 项(如客服/收藏/购物车),右侧最多 2 项(加入购物车/立即购买)。
- 图标可使用 iconfont 类名或图片 URL;标题与链接可在设置页配置。
- 可变商品支持规格选择;未登录访问行为可在链接上设置拦截。
优惠券使用(立即购买弹窗)
- 可用性显示:仅当当前商品存在可用优惠券时,弹窗显示“优惠券”标签。
- 交互方式:默认仅展示“优惠券”标签;点击后展开优惠码输入与“使用”按钮。
- 验证与应用:
- 验证阶段会检查基本可用性并提示“已接受”。
- 提交订单时会实际应用优惠券并计算总价;若最终未能应用(如最低金额不达标或过期),弹窗内会提示“优惠码未能应用”。
地址联动(CN)
- 在设置页开启“收货地址”后,前台地址页可一键创建并使用mbm_addresses短代码渲染。
- 自动映射 WooCommerce CN 省份代码,优化 Select2 文案与隐藏缺失字段。
兼容性建议
- WordPress 6.8+;WooCommerce 8.x 稳定分支。
- 主流移动浏览器与 iOS Safari;手机断点 ≤576px、平板断点 ≤1024px(可在设置中调整)。
许可证
- GPLv2 or later。
- Copyright (c) 2025 kzgzs;Author URI: https://zy.djkz.top/