系统后台内置了“手机菜单”功能,添加菜单后,如模板支持,则可展示在手机底部,如图,手机底部菜单支持自定义名称、链接、图标和颜色等,可通过手机端底部菜实现拨打电话、客服会话、打开地图、访问自定义链接地址等功能。当网站模板自行设计添加了手机菜单区块,则请保持系统内置的手机菜单数据为空(即系统内置的手机菜单功能失效)。
![1691810198424869.png](https://www.ecoxiu.com/images/202308/1691810198424869.png "1691810198424869.png")
## **一、管理入口**
操作路径:网站后台--基础设置--手机菜单;
![1691810272938661.png](https://www.ecoxiu.com/images/202308/1691810272938661.png "1691810272938661.png")
## **二、添加手机菜单**
![1691810375837928.png](https://www.ecoxiu.com/images/202308/1691810375837928.png "1691810375837928.png")
点击添加后,会新增一条按钮配置列,点击后面撤销,可以删除新增的列,直接在新增的列里添加内容,添加完后点击下面保存就行。
### **2.1 文字**
添加或编辑手机菜单时,可自定义标题,如图
![1691810728250004.png](https://www.ecoxiu.com/images/202308/1691810728250004.png "1691810728250004.png")
展示效果如图
![1691810865359469.png](https://www.ecoxiu.com/images/202308/1691810865359469.png "1691810865359469.png")
### **2.2 链接**
添加或编辑手机菜单时,可自定义手机菜单链接地址,链接地址需要包含http或https,留空前台访问点击时则直接打开访问的当前页面
![1691810914913612.png](https://www.ecoxiu.com/images/202308/1691810914913612.png "1691810914913612.png")
### **2.3 图标**
系统内置了三种类型的图标,可根据自己的需要进行选择,点击图标按钮弹出图标选择弹窗,进入图标库后可选择图标,点击需要选择的图标即可选定图标,如图,留空则网站前台则不显示图标。
![1691811021785919.png](https://www.ecoxiu.com/images/202308/1691811021785919.png "1691811021785919.png")
显示效果如下图
![1691811532743463.png](https://www.ecoxiu.com/images/202308/1691811532743463.png "1691811532743463.png")
### **2.4 按钮颜色**
添加或编辑手机菜单时,可自定义按钮背景颜色,如图
![1691811152847550.png](https://www.ecoxiu.com/images/202308/1691811152847550.png "1691811152847550.png")
背景颜色可在颜色选择器中选择,也可以直接输入十六进制颜色代码,如“#000000”,
电脑端展示效果如图:按钮背景颜色为:#ffffff 显示为白色;
![1691811363313363.png](https://www.ecoxiu.com/images/202308/1691811363313363.png "1691811363313363.png")
### **2.5 文字颜色**
添加或编辑手机菜单时,可自定义文字颜色,如图
![1691811403236590.png](https://www.ecoxiu.com/images/202308/1691811403236590.png "1691811403236590.png")
文字颜色可在颜色选择器中选择,也可以直接输入十六进制颜色代码,如“#000000”,
电脑端展示效果如图:文字颜色为:#6c7075 显示为灰色;
![1691811459431621.png](https://www.ecoxiu.com/images/202308/1691811459431621.png "1691811459431621.png")
### **2.6 启用**
可以设置是否开启,如果不开启,哪这个菜单前台就不显示。
![1691811554716441.png](https://www.ecoxiu.com/images/202308/1691811554716441.png "1691811554716441.png")
## **三、编辑手机菜单**
直接对手机菜单列表进行编辑,编辑后按保存就可以
![1691811641928709.png](https://www.ecoxiu.com/images/202308/1691811641928709.png "1691811641928709.png")
## **四、删除手机菜单**
点击对应手机菜单后面的删除就可以删除单个手机菜单,或者选中需要删除的手机菜单,然后点击:删除,批量删除手机菜单;
![1691811774307191.png](https://www.ecoxiu.com/images/202308/1691811774307191.png "1691811774307191.png")
## **五、手机菜单排序**
点击表格每行空白区域上下拖曳后即可改变排序
:-: ![1691811792312906.png](https://www.ecoxiu.com/images/202308/1691811792312906.png "1691811792312906.png")
- 概述
- 系统简介
- 功能介绍
- 优势特点
- 系统安装
- 服务器环境与安装准备
- 本地安装
- 本地搭建joomla运行环境
- 本地网站创建与配置
- 本地安装原版纯净版Joomla
- 本地安装joomla快速建站包
- 在线安装
- 在线安装原版纯净版Joomla
- 在线安装joomla快速建站包
- 安装joomla快速建站包升级包
- 基本设置
- 网站基本信息设置
- 网站后台地址及修改
- 网站LOGO修改
- 修改网站名称、关键词、描述
- 修改底部联系信息及版权
- 修改右侧在线交流客服
- 修改地址栏的ICON小图标
- 幻灯片banner管理
- 添加banner大图轮播图片
- 添加banner按钮
- 添加手机端底部菜单按钮
- 图片设置
- 设置图片存储目录以及上传支持的图片类型
- 图片上传
- 图片设置缩略图以及自动裁剪图片
- 栏目(菜单)管理
- 栏目(菜单)介绍
- 菜单管理
- 菜单项管理
- 菜单项的详细介绍
- 菜单项的添加
- 菜单项的编辑
- 菜单项的删除
- 菜单项的排序
- 菜单项的移动
- 菜单项的复制
- 简介管理
- 简介的添加和编辑
- 关于我们直接跳转到公司简介
- 文章管理
- 默认设置
- 新建菜单项(文章分类)
- 新建文章
- 编辑文章
- 删除文章
- 移动文章
- 复制文章
- 文章排序
- 自定义字段组管理
- 自定义字段管理
- 文章列表管理
- 产品管理
- 默认设置
- 新建菜单项(产品分类)
- 新建产品
- 编辑产品
- 删除产品
- 移动产品
- 复制产品
- 产品排序
- 自定义字段组管理
- 自定义字段管理
- 产品列表管理