如何使用文章详情组件？

一、什么是文章详情组件？

文章详情组件是一个根据规则自动调取不同文章详情内容的模块。文章详情组件通常被添加在系统页面或自定义页面的文章详情页面，该组件会自动根据传入的文章id调用该文章下的文章详细数据，比如文章名称、文章附图、文章摘要、文章内容等，同后台内容管理中的文章系统的文章数据自动匹配对应。文章详情页面是所有文章页面的通用模板，页面上的组件配置和页面结构是一样的，但是文章组件的数据会动态读取。

二、如何使用文章详情组件？

1、如何查看文章详情组件是否已经存在？

如果你的页面上已经有这个组件了，就不需要再添加，直接根据需要进行相关操作就可以（具体操作见下文所述）；

如果你的页面上需要这个组件，但是还没有添加，就需要先添加文章详情组件了；

请注意，文章详情组件支持添加在系统页面或者自定义页面的产品详情页面，其它页面是不支持添加的。

2、如何添加文章详情组件？

2.1 支持添加文章详情组件的页面有系统页面或自定义页面的文章详情页面，系统页面的文章详情（新闻详情）页面是指如下截图上的页面：

2.2 在页面上添加组件的方法都是一样的，要添加的组件名称为“文章详情”，如下图所示：

3、如何设置文章详情组件？

3.1 进入组件的“设置”分两种场景

1）此组件已经添加好的场景：进入所有这类组件设置项方法都是一样的。

2）新添加的组件的场景：在添加此组件时会弹出这个组件的的设置话框。

3.2 在组件的设置中可以设置组件展示的内容

支持上/下一篇：支持在文章内容底端显示上一篇和下一篇；

上/下一篇标题：支持展示上/下一篇的标题或不显示标题只展示“上一篇”、“下一篇”；

上/下一篇排序方式：支持按添加日期升序或降序、按修改日期升序或降序、发布日期升序或降序（可以在某一篇文章的编辑页面自定义发布时间）；

是否显示作者来源发布日期：支持显示作者来源、发布日期；

选择日期格式：支持设置日期展示格式；

是否显示分享工具：只是显示分享工具，方便访客把文章一件分享到微信、微博等第三方平台；

是否显示浏览数量：支持显示浏览数量；

设置询价按钮：支持展示询价按钮，方便访客户点击发送询价信息；

点击询价交互类型：客户点击询价以后，支持跳转到新页面来填写询价信息提交，或在新的弹出窗口填写询价信息提交；

3.3 在组件的设置中可以设置组件内容的展示风格

显示设置：文章详细内容有多种展示风格，有的带文章附图（在文章编辑页面来修改文章附图），有的不带文章图片。有的客户不喜欢文章附图默认展示在文章中就可以选择“不显示附图”此风格；

设置文章标题样式：支持自定义文章标题样式，可以自定义这些内容：文字大小、行高、文字间距、对齐方式、文字风格、文字颜色；

3.4 设置好文章列表组件的内容及风格、高级功能后，单击设置框右下方“保存”按钮，以保存所设置的内容。

4、保存、预览、发布

设置好以上内容以后要单击页面右上角的“保存”按钮，目的是把此修改保存到网站后台；

然后可以单击“预览”按钮查看不同终端下展示的效果，如果不合适可以到后台再做修改；

如果需要让访客也看到，请单击页面右上角的“发布”按钮，发布之后稍等两分钟左右即可看网站前台展示效果。

三、关于“文章详情组件”的版本优化内容

1、2017年12月第一周，文章详情组件、产品详情组件的详情描述中的图片新增在手机端可点击放大查看图片的效果。

【应用场景】在查看文章详情时，当用户在手机端进行浏览图片时，会存在图片太小不便于查看的问题，因此需要支持当用户在手机端浏览时，图片可供放大查看的效果。

【操作方式】在文章详情组件的设置中找到是否开启手机端图片放大功能，勾选“是”则开启此效果，开启后，在手机浏览时点击图片即可放大查看图片，欢迎大家尝鲜试用~