文章产品详情页自定义|学习笔记

简介: 快速学习文章产品详情页自定义

开发者学堂课程云·速成美学习文章产品详情页自定义笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/566/detail/7750


学习文章产品详情页自定义


内容介绍:

一、产品详情页编辑方法

二、文章详情页编辑方法


一、产品详情页编辑方法

1、首先进入设计页面,点击左侧上方的标题列表,可以看到“页面管理”、“页头页尾”。下面可以看到“系统页面管理”。“系统页面管理”。包含了“文章详情页”和“产品详情页”;两部分内容,

以“产品详情页”(为例),可以看到产品详情页的模板中,会有一张大图,同时一个标题对应一个简介对应一个内容。点击预览,可以看到产品展示页面。

image.png

2、产品的数据在后台上传之后,统一调用的都是对应的详情页模版。简单的进行调整,例如:将图片缩小、将标题放到右侧,点击保存后,预览可以看到示例产品,就会可以看到实际展示样式会随调整而变化。

同时许多电商的功能,都可以通过产品设计页面来操作;

3、点击左侧“组件”可以看到产品基本信息、产品所在位置、产品创建时间、产品浏览量、收藏产品、产品参数、产品切换、相关产品和电商 —— 点击“电商”,可以拖动相应的电商组件到对应的页面上,比如拖动“规格值1”,开始编辑页面。如下图所示:

image.png

4、点击“页面模版”(系统里面可以预知的有三种模版)空白模版、第二种是图片+简介的介绍;另一种是电商的模板,如果直接采用电商的模板,详情页将会直接变为电商模版的效果,

image.png

详情页可以通过自己的需求包括产品展示的效果进行相应的设计,可以随自己的喜好更改模式。


二、文章产品详情页

文章页面操作方法和上述方法类似;

  • 对应的页面的内容、浏览量、收藏都可以随着页面的位置去改变;
  • 组件中文章基本信息、文章所在位置、文章创建时间、文章浏览量、收藏文章、文章切换等自行设计;
  • 页面模版:根据对应的内容自行修改;
相关文章
在钉钉中,如何创建表单的业务实例数据?
在钉钉中,如何创建表单的业务实例数据?
118 1
|
小程序 JavaScript 数据库
小程序云开发实战七:云开发首页列表跳转详情页
小程序云开发实战七:云开发首页列表跳转详情页
77 0
|
2月前
|
API 开发工具
|
3月前
|
敏捷开发 测试技术 持续交付
阿里云云效产品使用合集之如何自定义用户字段
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
3月前
|
SQL 分布式计算 DataWorks
DataWorks产品使用合集之如何查询数据地图Tag
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
|
5月前
|
消息中间件 数据采集 DataWorks
DataWorks产品使用合集之如何使用数据地图中的标签
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
96 0
|
固态存储 Java Linux
阿里云购买服务器图文详情
现在上线互联网项目就是需要用阿里云服务器,但是很多小白不知道怎么购买阿里云服务器,所以今天就让小编我和大家系统讲解一下如何购买阿里云服务器。
|
移动开发 JavaScript 开发者
微信点金计划步骤详情
微信点金计划步骤详情
554 0
|
数据安全/隐私保护
eggjs 怎么实现账单详情页的获取详情接口?
eggjs 怎么实现账单详情页的获取详情接口?
72 0
eggjs 怎么实现账单详情页的获取详情接口?
|
数据库
eggjs 怎么实现账单详情页的编辑接口?
eggjs 怎么实现账单详情页的编辑接口?
114 0
eggjs 怎么实现账单详情页的编辑接口?