移动底部菜单(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/

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Fill out this field
Fill out this field
请输入有效的邮箱地址。
You need to agree with the terms to proceed