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