如何新增及管理ope导航栏目

发表时间:2019-10-25 22:19

一、使用场景   

ope都会有导航栏目,方便指引用户浏览ope。例如一个企业ope,可将导航分为“首页”、“服务中心”、“咨询中心”、“案例展示”、“关于我们”等内容,便于用户更加清晰有条理地浏览ope。

AAEIABAEGAAglLqU4wUo7py8QDCADzjJAg.png


二、如何新增及管理导航栏目?

2.1、进入电脑版ope设计页面后,将鼠标移动到导航栏上,点击“新增栏目”按钮,如下图。



2.2、在弹窗中输入新增栏目的栏目名称,上级栏目选择“无”,然后点击“保存”,新增栏目将会显示在ope导航栏上,并且页面会跳转至新增栏目设计页面,此时点击页面左侧的“模块”按钮,即可拖动模块至页面中,自由设计页面内容。



2.3、如果想在ope导航栏的某个一级栏目下新增子栏目,则新增栏目时,在弹窗内选择该一级栏目作为新增栏目的上级栏目,即可在该一级栏目下创建子栏目,即二级栏目,如下图。



新增二级栏目后的效果图如下图,鼠标移动至一级栏目“案例展示”上,会显示二级栏目“图片案例”。



2.4、如果想在某个二级栏目下创建子栏目,则新增栏目时,在弹窗内选择该二级栏目作为新增栏目的上级栏目,即可在该二级栏目下创建子栏目,即三级栏目,如下图。至多支持创建三级栏目。



新增三级栏目后的效果图如下图,鼠标移动至二级栏目“图片案例”上,会显示三级栏目“案例1”。


注意:新增栏目以后,新增的栏目页面是空白的,您需要点击进入到新增栏目的设计页面,然后自行添加新的模块




三、如何实现双语导航效果?   

3.1、进入电脑版ope设计页面后,将鼠标移动到导航栏上,点击“设置



在弹窗内选择【高级-支持双语-开启】,即可开启双语导航,并有3种双语导航样式可供选择。



3.2、将鼠标移动到导航栏上,点击“管理栏目”按钮,如下图。



在弹窗内的副栏目位置,可编辑一级栏目对应的双语名称,如下图。(注:子级栏目暂不支持双语效果)



效果如下图。




分享到: