横向标签/纵向标签模块介绍

分享到:

2018-07-10 11:16:00


一、功能介绍

利用横向标签/纵向标签可以实现点击不同标签出现不同内容的效果。



二、功能说明

【版本】建站任意版本均可添加横向/纵向标签



三、设置教程(本教程以添加“横向标签”模块为例。)

1. 添加模块

进入电脑网站设计页面,点击页面左侧导航【模块-新增模块-排版】进行添加【横项标签/纵向标签】模块;


2. 编辑模块

2.1 新增标签

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


2.2 常规

在【常规】中可编辑模块标题、选择样式、添加/删除标签项等操作。

  • 编辑模块标题:设置显示在标签上方的标题文字

  • 选择显示样式:支持纯文字标签、带图标标签、图片标签三种样式

  • 添加/删除标签项:管理标签的数量与顺序

  • 标签排序:在模块内直接拖动标签项即可调整前后顺序

图片标签说明:如需使用图片作为标签,请参考《图片标签使用教



2.3 高级

在「高级」选项卡中提供以下配置项:

配置项

说明

切换效果

滑动:鼠标滑过标签即自动切换内容;
点击:需鼠标单击标签后才切换内容。
建议选择"点击"模式,避免鼠标经过时误触发切换。

跳转链接

开启后,可为每个标签项单独设置跳转链接,点击标签时跳转到指定页面(如文章分类页、栏目页等),而非在本模块内切换内容。

显示更多

开启后,标签栏右侧显示"更多>>"链接,点击可跳转至预设页面。适用于标签数量较多或需要引导用户查看完整列表的场景。

标签高度介绍https://jz.fkw.com/blog/11530



3. 添加内容

完成以上标签的编辑后,需给标签添加内容。(注意:标准站点标签模块内无法添加排版模块

可通过两种方式添加内容至标签中:

①直接点击标签内的“添加模块”按钮;


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

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

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




4. 设置样式

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



四、相关教程

与【纵向标签】类似的效果,以下方法也可以实现:

图片标签使用教程

如何灵活运用栏目导航模块?

如何使用产品分类模块?

如何使用文章分类模块?




声明:此篇为凡科建站原创文章,转载请标明出处链接:

以上内容是否解决您的疑问?

联系在线客服 感谢反馈
合作伙伴