云·速成美站产品培训 - 文章产品详情页自定义

简介: 文章产品详情页自定义

文章产品详情页自定义


基本内容

一、产品详情页编辑方法

二、文章详情页编辑方法

 

一、产品详情页编辑方法


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

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

image.png


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


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

如下图所示:

image.png


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

image.png

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

 

二、文章产品详情页

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

  • 对应的页面的内容、浏览量、收藏都可以随着页面的位置去改变;
  • 组件中文章基本信息、文章所在位置、文章创建时间、文章浏览量、收藏文章、文章切换等自行设计;
  • 页面模版:根据对应的内容自行修改;
相关文章
|
前端开发
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
1337 0
|
9月前
|
域名解析 缓存 网络协议
阿里云DNS常见问题之阿里的域名解析不对如何解决
阿里云DNS(Domain Name System)服务是一个高可用和可扩展的云端DNS服务,用于将域名转换为IP地址,从而让用户能够通过域名访问云端资源。以下是一些关于阿里云DNS服务的常见问题合集:
|
存储 弹性计算 运维
阿里云服务器快照备份数据怎么下载到本地保存?
阿里云服务器数据备份并下载保存到本地方法流程,可以使用阿里云快照备份云服务器上的数据,由于快照不能直接下载,然后使用快照创建自定义镜像,然后再将镜像导出下载到本地
6521 0
阿里云服务器快照备份数据怎么下载到本地保存?
若依修改,改若依首页,若依修改了路由不出现如何解决,修改路由必须在permission.js中的白名单添加新的路由,修改了路由,不出现,解决方法是在白名单中添加对应的路径:
若依修改,改若依首页,若依修改了路由不出现如何解决,修改路由必须在permission.js中的白名单添加新的路由,修改了路由,不出现,解决方法是在白名单中添加对应的路径:
|
弹性计算 云计算 数据可视化
阿里云怎么购买云速成美站: 虚拟主机+建站模板
简介: 阿里云怎么购买云速成美站: 虚拟主机+建站模板
|
移动开发 前端开发 JavaScript
前端开发规范:命名规范、html规范、css规范、js规范(一)
前端开发规范:命名规范、html规范、css规范、js规范
312 0
|
域名解析 前端开发 安全
云·速成美站产品培训 - 产品演示操作
一、云速成美站的介绍 二、企业网站搭建的过程(举例) 三、简单介绍模板 四、修改关于我们的页面 五、修改联系我们的页面 六、添加互动 七、手机端 八、如何使网站上线
云·速成美站产品培训 - 产品演示操作
|
存储 JavaScript 前端开发
Java实现图片的上传和显示
Java实现图片的上传和显示
606 0
|
JavaScript
Vue antdv a-select 内容搜索过滤(filterOption,包含 vue2 vue3)
Vue antdv a-select 内容搜索过滤(filterOption,包含 vue2 vue3)
1274 0
|
数据安全/隐私保护
在阿里云购买云·速成美站,如何查看订单并登录?
在阿里云购买云·速成美站,如何查看订单并登录?