开发者学堂课程【云·速成美站产品培训：学习文章产品详情页自定义】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/566/detail/7750
学习文章产品详情页自定义
内容介绍：
一、产品详情页编辑方法
二、文章详情页编辑方法
一、产品详情页编辑方法
1、首先进入设计页面，点击左侧上方的标题列表,可以看到“页面管理”、“页头页尾”。下面可以看到“系统页面管理”。“系统页面管理”。包含了“文章详情页”和“产品详情页”；两部分内容，
以“产品详情页”（为例），可以看到产品详情页的模板中，会有一张大图，同时一个标题对应一个简介对应一个内容。点击预览，可以看到产品展示页面。
2、产品的数据在后台上传之后，统一调用的都是对应的详情页模版。简单的进行调整，例如：将图片缩小、将标题放到右侧，点击保存后，预览可以看到示例产品，就会可以看到实际展示样式会随调整而变化。
同时许多电商的功能，都可以通过产品设计页面来操作；
3、点击左侧“组件”可以看到产品基本信息、产品所在位置、产品创建时间、产品浏览量、收藏产品、产品参数、产品切换、相关产品和电商 —— 点击“电商”，可以拖动相应的电商组件到对应的页面上，比如拖动“规格值1”，开始编辑页面。如下图所示：
4、点击“页面模版”（系统里面可以预知的有三种模版）空白模版、第二种是图片+简介的介绍；另一种是电商的模板，如果直接采用电商的模板，详情页将会直接变为电商模版的效果，
详情页可以通过自己的需求包括产品展示的效果进行相应的设计，可以随自己的喜好更改模式。
二、文章产品详情页
文章页面操作方法和上述方法类似；
- 对应的页面的内容、浏览量、收藏都可以随着页面的位置去改变；
- 组件中文章基本信息、文章所在位置、文章创建时间、文章浏览量、收藏文章、文章切换等自行设计；
- 页面模版：根据对应的内容自行修改；
