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

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

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

课程地址:https://developer.aliyun.com/learning/course/638/detail/10205


文章产品详情页自定义

 

内容介绍:

一,产品详情页自定义

二,文章详情页自定义

 

进入设计--PC 网站,进入设计页面,点击左侧上方的标题列表,上方是页面管理与页头页尾,下方是系统页面管理,系统页面管理中有文章详情页,产品详情页两个内容。


一,产品详情页自定义

点开看到模板:

一张大图,一个产品标题和内容。点击预览,可以看到产品展示页面。后台上传的数据都使用对应的详情页模板。

图片可以缩小放大,标题可以移动位置,编辑保存后,刷新页面,页面改变。

涉及的电商功能也可以用产品详情页做。

点击详情页左侧的组件,它与详情页模板式样相同:产品基本信息, 产品创建时间,产品浏览量,收藏产品,产品参数,产品切换,相关产品,电商。

可以直接拖动对应的电商图片到对应的页面上,编辑保存后,刷新页面,页面改变。需要设置相应参数值。

也可以点击页面模板,目前系统中有三种模板:空白页面,电商产品详情,非电商产品详情页面。

预览电商产品详情页面查看效果,点击保存,直接变成对应产品内容。产品详情页可通过自己的需求,包括需要展示的效果进行相应的设计。

 

二,文章详情页自定义

文章详情页的操作也相同。

对应页面内容,浏览量,收藏都可以调整。组件中有收藏文章,文章切换,文章基本信息,文章所在位置,文章浏览量。也有对应的文章详情页模板。

相关文章
|
11天前
|
人工智能 自然语言处理 JavaScript
宜搭上新,DeepSeek 插件来了!
钉钉宜搭近日上线了DeepSeek插件,无需编写复杂代码,普通用户也能轻松调用强大的AI大模型能力。安装后,平台新增「AI生成」组件,支持创意内容生成、JS代码编译、工作汇报等场景,大幅提升工作效率。快来体验这一高效智能的办公方式吧!
1704 8
|
SQL 分布式数据库 Hbase
[Phoenix] 八、动态列
传统关系型数据库的动态列实现只能依赖逻辑层的设计实现,而Phoenix是HBase上的SQL层,借助HBase特性实现的动态列功能,具有高度的灵活性,告别业务逻辑层的复杂设计。
8328 0
|
大数据 数据中心 云计算
云服务器液冷架构最佳实践 阿里云多篇论文入选DesignCon 2023和ECTC 2023
云服务器液冷架构最佳实践 阿里云多篇论文入选DesignCon 2023和ECTC 2023
云服务器液冷架构最佳实践 阿里云多篇论文入选DesignCon 2023和ECTC 2023
|
7月前
|
安全 Java API
Nest.js 实战 (三):使用 Swagger 优雅地生成 API 文档
这篇文章介绍了Swagger,它是一组开源工具,围绕OpenAPI规范帮助设计、构建、记录和使用RESTAPI。文章主要讨论了Swagger的主要工具,包括SwaggerEditor、SwaggerUI、SwaggerCodegen等。然后介绍了如何在Nest框架中集成Swagger,展示了安装依赖、定义DTO和控制器等步骤,以及如何使用Swagger装饰器。文章最后总结说,集成Swagger文档可以自动生成和维护API文档,规范API标准化和一致性,但会增加开发者工作量,需要保持注释和装饰器的准确性。
195 0
Nest.js 实战 (三):使用 Swagger 优雅地生成 API 文档
|
小程序 数据库
微搭低代码中实现数据的联动选择
微搭低代码中实现数据的联动选择
微搭低代码中实现数据的联动选择
|
存储 缓存 前端开发
ESLint的缓存机制及其在CI中的应用
背景 ESLint是一个前端、Node领域中流行的代码规范检查工具,使用起来很方便。 之前为了强制推行代码规范,我在CI任务中加入了ESLint检查。保障了规范的同时,也引入了痛点:CI的时长延长了2~3分钟左右。因为现在开发的工程体量比较大,ESLint会占用很多的内存、CPU资源,且运行时间较长。
ESLint的缓存机制及其在CI中的应用
|
9月前
|
Web App开发 缓存 前端开发
前端性能优化:从入门到精通
【2月更文挑战第3天】
131 1
|
Java Maven
idea中maven报错:无效的目标发行版: 1.8
1.pom.xml中修改版本 1.71.7 2.File->Settings...-->(搜索)Java Compiler:修改版本 3.Project Structure-->Project-->SDKs:修改jdk 4.
3955 0
|
JavaScript 开发者
【分享】在宜搭JS面板写了死循环如何解决(方法一)
日常开发中,不小心在js面板中写了死循环,造成页面和浏览器卡死,无法修改代码,该如何解决。by 页一
19222 2
【分享】在宜搭JS面板写了死循环如何解决(方法一)
|
9月前
|
前端开发 JavaScript 定位技术
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
722 0

热门文章

最新文章