Z+新组件介绍.ppt
《Z+新组件介绍.ppt》由会员分享,可在线阅读,更多相关《Z+新组件介绍.ppt(32页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、Z+新组件介绍产品市场中心产品市场中心9 9 年年 011 011 月月主要内容主要内容l组件化改造的背景l组件化改造成果l按模块介绍常用组件新功能l难点详解单页/分页及凸显效果的设置页码区设置推广优化组件五大原则1、数据项最全原则2、数据项单独控制原则3、流程简洁原则4、美观原则5、隐藏后数据向上向左原则为什么要进行组件改造?组件和样式数量太多,每个样式的功能或数据项不全,设计师说“我需要样式13的这个功能和样式18的那个数据项”,没有一个样式是覆盖所有数据项和功能的,设计师难以选择;组件数据项不全,或者每个数据项的样式不能单独控制,无法满足所有客户的需要;别的网站能做出来的效果,用我们的组
2、件做不出来;用户体验不好,页面流转复杂;组件化改造背景组件化改造成果组件数量合并前,16个模块193个组件,每个组件都有几个甚至几十个样式合并后,20个模块96个组件,大部分组件只有一个样式组件功能覆盖所有旧组件功能增强部分组件功能简化部分组件功能组件数据项能显示所有后台录入及自动生成的数据项;组件参数参数灵活丰富,能通过配置得到多种多样的效果;修改样式所有数据项都可以分别修改样式;代码结构合理,符合W3C规范;组件化改造成果(一)组件合并成果举例组件化改造成果(二)组件合并成果举例组件化改造成果(三)单页和分页合并为同一个组件;表单和成功提示信息合并为同一个组件;商品基本分类和营销分类列表展
3、示合并为同一个组件;商品列表与商品搜索结果集合并为同一个组件;会员/非会员订单新增、修改、详细、预览合并为同一个组件;商品列表类组件:l访客可切换显示方式:图文式、列表式和图片式;l常用的排序方式用图标展示;l可动态显示大图的效果;新组件介绍商品模块说明:当列表中显示商品小图片时,动态显示大图的作用域在商品小图片上;如果不显示商品小图片时,作用域在商品名称上 新组件介绍商品模块商品详细信息组件:l支持放大镜效果;l可通过参数控制显示后台上传的商品大图或小图;l不需换页面即可点击上一个/下一个浏览同类商品;l支持商品多图片展示效果(通过可选属性实现);新组件介绍商品模块商品常规搜索组件:参数“查
4、询分类条件选择”说明:1.“显示商品分类下拉框”和 2.“不显示且不查询商品分类”的应用场景为:在首页或者所有商品相关页面作为一级搜索;3.“不显示但隐含分类条件从页面获取商品分类”的应用场景为:从分类树或者面包屑中点击商品分类链接到的商品列表页面;4.“不显示但隐含分类条件预置商品分类”的应用场景为:在某分类的专题页面,隐含一个预置分类做该分类下的搜索。参数“查询属性条件选择”说明:l能选择是否显示商品属性;l系统预置三个区间属性作为搜索条件:分别是零售价、市场价和上架时间;新组件介绍商品模块商品高级搜索组件:l默认不显示辅助选项,点击“显示辅助选项”则切换显示/隐藏更多选项;l能对商品品牌
5、、营销分类、基本属性、扩展属性及可选属性进行组合搜索;新组件介绍商品模块商品分类组件:l将旧组件的商品分类树状、梯状和滑出式合并为一个组件,不同的JS效果做为一个样式;l 树状样式能设置初始展开方式;新组件介绍商品模块商品分类列表组件:l对应旧组件“商品分类列表图片展示”;l该组件可调用某个商品基本分类,以图片列表形式显示该分类下的子分类信息,点击分类图片后如果有子分类则显示分类信息,如果已到最末一级分类则显示商品信息;l应用场景:既可单独调用,也可左边放分类树组件,右边放此组件;通常该组件与商品列表组件放在同一页面调用;l勾选“无子分类时跳转”则如果点击进入的分类下面无子分类时自动跳转到指定
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 组件 介绍
限制150内