详情页除了可以使用基础控件外，还额外可使用一些与文章、产品相关的控件。本文为您解释设计详情页路径及详情页内控件介绍，因产品控件覆盖了文章控件，本文以产品详情页指南为主，文章详情页指南类似。
一、在哪里设计详情页？
在设计器内，单击左上角当前页面名称，如下图所示。
在弹出的设置框中单击底部系统页面管理。
选择进入文章详情页/产品详情页即可。
二、为什么需要设计详情页？
这是由于多数时候，文章在页面中展示的框架结构都是一致的，为了防止多次调整多篇文章位置，提高编辑效率，提供这项功能，在文章详情页设计文章展示的框架结构，在后台文章管理页面上传编辑的文章为真实的文章。下图为在网站上显示文章的全部步骤，设计详情页为最后一步，详情页是最终展示您文章/产品的页面框架设计。
上图步骤讲解：
以列表控件展示文章举例。在后台文章/产品管理页面新增或导入文章。
在设计器内任一页面上放置一列表控件，勾选您需要在网页展示的文章，同时需设置列表控件对应的文章详情页。
说明可通过单击，制作多个不同的文章详情页。在列表控件的设置面板中重新选择具体文章详情页即可。
最后，切换至文章详情页，添加文章详情相关控件，设计文章展示的框架结构。
详情页专有控件介绍—文章/产品基本信息控件
添加文章/产品基本信息控件：单击，可选择添加产品幻灯控件、标题控件、简介控件、详情控件。
产品幻灯控件的作用：可展示产品样式，当鼠标放置在图片上时，可查看产品细节。具体样式如下图。
标题控件的作用：使用此控件，当在列表等控件中选择了产品/文章，可自动获取标题。
简介控件的作用：使用此控件，当在列表等控件中选择了产品/文章，可自动获取简介。
详情控件的作用：使用此控件，当在列表等控件中选择了产品/文章，可自动获取详情。
详情页专有控件介绍—产品所在位置控件
添加文章/产品基本信息控件：单击，可选择添加产品幻灯控件、标题控件、简介控件、详情控件。
控件说明：此控件属于面包屑控件类。作用是可以使网站访问路径可视化。可设置返回至某一位置以及是否显示文章/产品分类等。
详情页专有控件介绍—产品创建时间控件
添加产品基本信息控件：单击。
产品创建时间控件的作用：可显示产品创建时间。
详情页专有控件介绍—产品浏览量控件
添加产品浏览量控件：单击，即可添加此控件。
产品浏览量控件的作用：可显示产品浏览量。
详情页专有控件介绍—收藏文章/产品控件
添加收藏控件：单击，即可添加控件，使用此控件可切换至上一篇或下一篇产品。
作用：网站浏览者可收藏文章/产品。
文章/产品切换
添加切换控件：单击，即可添加控件，使用此控件可切换至上一篇或下一篇产品。
产品参数
如果在后台设置了产品参数，可使用此控件，展示后台设置的产品参数。
相关产品
如果您在网站后台的电商设置页面中添加了相关产品，您可以使用相关产品控件展示相关产品。
电商
如果您在网站后台的电商设置页面中添加了现价、原价、规格，可使用相关控件展示内容。单击，在页面中合适位置单击即可添加。
如果您的产品使用了电商功能，需要购物车、购买数量按钮。单击，在页面中合适位置单击即可添加。