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

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

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

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


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


内容介绍:

一、产品详情页编辑方法

二、文章详情页编辑方法


一、产品详情页编辑方法

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

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

image.png

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

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

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

image.png

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

image.png

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


二、文章产品详情页

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

  • 对应的页面的内容、浏览量、收藏都可以随着页面的位置去改变;
  • 组件中文章基本信息、文章所在位置、文章创建时间、文章浏览量、收藏文章、文章切换等自行设计;
  • 页面模版:根据对应的内容自行修改;
相关文章
|
小程序 JavaScript 数据库
小程序云开发实战七:云开发首页列表跳转详情页
小程序云开发实战七:云开发首页列表跳转详情页
90 0
|
3月前
|
负载均衡 安全 API
小红书商品详情API接口获取步骤
获取小红书商品详情API接口需先注册账号并实名认证,阅读API文档后,通过编程语言调用API,构建请求参数,处理返回数据。确保应用支持高并发,遵守安全规范,申请API权限,查阅接口文档,进行开发调试。
|
3月前
|
存储 JSON API
淘宝API接口实战:高效获取商品标题、分类及店铺名称
在淘宝API接口实战中,通过以下步骤高效获取商品标题、分类及店铺名称:1. 准备工作:了解淘宝开放平台文档,注册开发者账号,选择开发语言和工具。2. 获取API访问权限:申请相应权限,提供应用场景说明。3. 调用API接口:构建HTTP请求,提供必要参数。4. 解析响应数据:提取JSON数据中的所需信息。5. 数据处理和存储:进一步处理并存储数据。6. 注意事项:遵守使用规范,注意调用频率和数据安全。示例代码使用Python调用淘宝API。
|
6月前
|
数据采集 API 开发工具
淘系商品详情数据解析(属性youhui券sku详情图等)API接口开发系列
在电商领域,特别是像淘宝(淘系)这样的平台,商品详情数据对于商家、开发者以及数据分析师来说至关重要。这些数据包括但不限于商品属性、优惠券信息、SKU(Stock Keeping Unit)详情、商品图片、售后保障等。然而,直接访问淘宝的内部API接口通常需要特定的权限和认证,这通常只对淘宝的合作伙伴或内部开发者开放。 不过,对于需要这些数据的第三方开发者或商家,有几种方式可以间接获取或解析淘系商品详情数据: ——在成长的路上,我们都是同行者。这篇关于商品详情API接口的文章,希望能帮助到您。期待与您继续分享更多API接口的知识,请记得关注Anzexi58哦!
|
6月前
|
XML 存储 API
电商商品详情页面的获取,详情图属性sku价格的采集,API接口系列
在电商平台上,商品详情页面的获取,包括详情图、属性、SKU(Stock Keeping Unit,库存量单位)、价格等信息的采集,通常可以通过多种方式实现,其中之一是利用电商平台提供的API接口。以下是一个基于通用流程的概述,用于说明如何通过API接口系列来采集这些信息。
|
NoSQL 前端开发 分布式数据库
102 云笔记案例(功能列表)
102 云笔记案例(功能列表)
77 0
|
固态存储 Java Linux
阿里云购买服务器图文详情
现在上线互联网项目就是需要用阿里云服务器,但是很多小白不知道怎么购买阿里云服务器,所以今天就让小编我和大家系统讲解一下如何购买阿里云服务器。
|
架构师 开发者
文章:产品详情页自定义|学习笔记
快速学习文章:产品详情页自定义。
116 0
文章:产品详情页自定义|学习笔记
|
JavaScript 前端开发 搜索推荐
自定义页面的介绍|学习笔记
快速学习自定义页面的介绍
自定义页面的介绍|学习笔记
|
前端开发 开发者
产品-优惠券-左侧内容 |学习笔记
快速学习 产品-优惠券-左侧内容
产品-优惠券-左侧内容 |学习笔记

热门文章

最新文章