详情页相关控件
详情页在通用控件之外,还可使用与文章、产品绑定的专用控件。本文说明如何进入详情页编辑路径,并介绍各专用控件的用途;产品详情页与文章详情页用法类似,文中以产品详情页为主举例。
设计详情页路径
- 单击设计器左上角当前页面名称。
- 在弹出的设置框底部,单击系统页面管理。
- 选择并进入对应的文章详情页或产品详情页即可编辑该详情页的布局与控件。
详情页在流程中的作用
以「列表展示文章」为例,典型流程如下。
- 在文章管理(或产品管理)中编辑内容。
- 在普通页面(如首页)放置列表控件,勾选需要在网页展示的文章/产品,并在列表数据中指定对应的文章详情页或产品详情页及打开方式。
- 设计详情页是最后一步:详情页决定访客打开某篇文章/产品时的版式与信息呈现。
说明
可通过页面菜单中的「…」> 克隆等方式复制页面,制作多套不同的详情页模板,再分别在列表等控件中关联不同详情页(具体入口以当前设计器为准)。
文章/产品基本信息控件
添加路径:单击系统 > 产品基本信息(或同等入口),可添加仅用于文章详情页、产品详情页的控件。
- 产品幻灯:展示产品图集;鼠标悬停时可呈现细节(具体交互以所选样式为准)。
- 标题:在列表等控件中已绑定文章/产品后,可自动带出对应标题;若未与列表数据关联,其他文字类标题控件通常无法取到该项。
- 简介:绑定后可自动获取后台填写的简介;其他普通文字控件无法替代该自动绑定能力。
- 详情:绑定后可自动获取正文/详情内容;需使用本类专用控件承载长文段落。
文章/产品所在位置控件
属面包屑类控件:将访问路径可视化,并支持返回上级;可按需选择是否展示文章/产品所属分类。
文章/产品创建时间控件
添加后可显示该文章/产品在后台的创建时间。
文章/产品浏览量控件
添加后可显示该文章/产品的浏览量统计(以产品实际统计规则为准)。
收藏文章/产品
加入对应控件后,访客可将当前文章或产品加入收藏(需配合会员与前台交互设计)。
文章/产品切换
单击系统 > 产品切换添加控件,可在详情页内切换到上一篇或下一篇产品(文章详情页类似)。
产品参数
当后台已为产品配置参数后,可使用产品参数控件在详情页中按行展示这些参数项。
相关产品
在网站后台电商设置等页面中配置「相关产品」后,可使用相关产品控件在详情页展示关联条目。
电商相关控件
若站点启用电商能力,除上述内容外还常用以下控件(入口一般为系统 > 电商,具体名称以设计器为准)。
- 在后台配置现价、原价、规格等信息后,可添加产品现价、产品原价、产品规格等控件,在设计区内单击即可放置。
- 需要购物车、下单流程时,可添加购买数量、购买(下单)等按钮类控件,同样从系统 > 电商下选用。