2018-07-10 11:16:00

一、功能介绍
利用横向标签/纵向标签可以实现点击不同标签出现不同内容的效果。

二、功能说明
【版本】建站任意版本均可添加横向/纵向标签
三、设置教程(本教程以添加“横向标签”模块为例。)
1. 添加模块
进入电脑网站设计页面,点击页面左侧导航【模块-新增模块-排版】进行添加【横项标签/纵向标签】模块;

2. 编辑模块
2.1 新增标签
鼠标放在模块上,出现编辑按钮时点击【+】直接添加标签。

2.2 常规
在【常规】中可编辑模块标题、选择样式、添加/删除标签项等操作。
编辑模块标题:设置显示在标签上方的标题文字
选择显示样式:支持纯文字标签、带图标标签、图片标签三种样式
添加/删除标签项:管理标签的数量与顺序
标签排序:在模块内直接拖动标签项即可调整前后顺序

图片标签说明:如需使用图片作为标签,请参考《图片标签使用教程》。
2.3 高级
在「高级」选项卡中提供以下配置项:
配置项 | 说明 |
切换效果 | 滑动:鼠标滑过标签即自动切换内容; |
跳转链接 | 开启后,可为每个标签项单独设置跳转链接,点击标签时跳转到指定页面(如文章分类页、栏目页等),而非在本模块内切换内容。 |
显示更多 | 开启后,标签栏右侧显示"更多>>"链接,点击可跳转至预设页面。适用于标签数量较多或需要引导用户查看完整列表的场景。 |

标签高度介绍:https://jz.fkw.com/blog/11530
3. 添加内容
完成以上标签的编辑后,需给标签添加内容。(注意:标准站点标签模块内无法添加排版模块)
可通过两种方式添加内容至标签中:
①直接点击标签内的“添加模块”按钮;

②拖动新模块或已有模块至标签内。

如需要在标签内展示产品,可直接拖入产品展示模块-单个选择对应展示的产品



如选择使用筛选条件,则可以按照产品分类、产品标签、或产品库,实现批量展示对应产品


4. 设置样式
鼠标放在模块上,点击编辑样式按钮进入支持设置模块皮肤颜色,更换样式等操作。


四、相关教程
与【纵向标签】类似的效果,以下方法也可以实现:
