用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

即速应用 | 教程

咫尺论坛 | 即速应用 - 微信小程序社区

六、小程序 | 电商系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

七、小程序 | 预约系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

八、小程序 | 外卖系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

九、小程序 | 到店系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

十、小程序 | 社区系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

十一、小程序 | 视频系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    794

    主题

    1964

    帖子

    2万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    2017-10-31 16:33:50 zhichi_admin 管理员 楼主 2522000
    174153otghtxebvvitbctb.png 微信小程序动态分类组件 - 开发教程

    一、小程序动态分类适用场景

    小程序组件库-布局-新增动态分类组件” 适用于电商到店应用数据。可通过选择动态分类组件样式,实现顶部分类、侧边栏分类展示应用数据、商品数据等效果。动态分类的 二级有图模式 只适用于 电商
    微信截图_20171102104647.png

    二、电商小程序动态分类使用教程(以电商为例说明)

    1. 进入小程序管理后台-商品管理-商品列表(电商类型)-点击分类管理,给电商建立分类
    图片1.png
    2. 点击新增分类,打开分类编辑框
    图片2.png
    3. 下面概括编辑分类的几种情况:
    情况一:如果选择建立一级分类,只需要填写分类名称,并选择一级分类即可
    图片3.png
    情况二:如果选择建立二级分类,则必选择一个二级分类所属的一级分类
    图片4.png
    情况三:也可直接在 商品列表页面 点击 新建 直接建立该一级分类的二级分类
    图片5.png
    图片6.png
    备注:此处的分类图标属于二级有图模式专用,非必填项,可以后期修改

    三、电商小程序-动态分类添加完成后的页面

    图片7.png


    四、在小程序后台,给电商小程序添加商品

    1. 商品管理-商品列表-点击添加商品
    图片8.png
    2. 选择商品所属分类,可多重分类存在,如同时勾选水果、蔬菜
    图片9.png
    3. 商品添加完成后,就能在左侧的分类列表进行筛选并查看各分类下的商品
    图片10.png

    五、小程序管理后台-分类管理-建立分类组

    1. 当所有的分类和商品数据建立完成后,点击分类管理-新建分组
    图片11.png
    2. 进入分组编辑框
    分组名称:分组名称会成为前端编辑页面-动态分类组件绑定数据时的分组选择,务必填写方便记住的名字
    分组描述:简单概括该分类组数据情况
    分类所属:分类所属一旦选择后不可更改。如选中电商,则分类所属会将电商所有数据都绑定到此分组
    备注:应用数据的同步条件是先建立应用数据的对象分类,建好应用数据的对象分类后,分类所属就会自动展示出应用数据里面的对象分类
    图片12.png
    3. 新建完分组后,编辑分类项
    图片13.png

    4. 进入分类项页面进行具体的分类项管理
    图片14.png
    备注:此处的勾选目的是为了前端数据是否展示,比如勾选了水果及水果下面的二级分类,水果和水果的二级分类下的所有商品数据都会自动展示在前端,全部分类是系统默认给的,可勾选可不选,上移下移是为了调整分类及分类下的数据在前端的展示位置。特别注意,此处的分类项是不能进行删除和新增,只能选择展示和排序,具体的新增要在相应的商品列表页面新增删除,数据会同步过来。

    六、返回小程序编辑页面,为动态分类组件绑定分组

    1. 组件库 -  布局 - 点击动态分类组件
    图片15.png
    2. 选择动态分类样式(样式一旦选择如果要更改,只能删掉重新添加)
    图片16.png
    3. 根据提示选择你想添加的组件如图片、文本等,放入到动态分类对应的列表区域(可以放入自由面板协助排版)
    图片17.png
    4. 不可添加进去的列表会给到提示的
    图片18.png
    5. 点击分类组件选择需要绑定的分类项目(这个分类项就是之前填写的分组名称)
    图片19.png
    6. 再点击列表添加的具体组件一一绑定相应的数据
    图片20.png
    7. 点击完成即可预览(目前只支持小程序预览,web的预览因为具体数据每个人设定的不一样,目前没有做具体的展示效果

    七、动态分类效果-即速应用小程序预览

    目前,即速应用预览是无法直接查看动态分类的效果,只能在微信开发者工具上查看,或待小程序上线后查看。
    图片21.png

    八、动态分类效果-微信小程序预览,或开发者工具预览效果。如下:

    一级无图模式:横版/竖版
    1.jpg
    二级无图模式:横版/竖版
    2.jpg
    二级有图模式:竖版
    备注:只适用于电商店铺类型
    图片26.png

    使用道具 举报 回复
    动态列表无法使用二级分类,希望产品部门能重视。。。。。。。。。
    本来是非常期待的一项功能。但是,发布后真是让人大失所望,!!!商品光秃秃的一个图片,几个汉字、数字,价钱没有金钱符号标志,如果下面再选择销量,搞不清楚哪个是哪个了。更奇葩的是,还不能排版,简单粗糙的版面让人毫无想看下去的欲望.
    分类项无法添加
    动态分类双栏有BUG,设置好后保存刷新,又变成单栏
    为什么右侧参数设置是无效的?
    分类区域设置 (尺寸高度设置),容器区域设置(样式设置)
    设置好内容,保存刷新全没了。
    lemon666 发表于 2017-11-10 15:25
    本来是非常期待的一项功能。但是,发布后真是让人大失所望,!!!商品光秃秃的一个图片,几个汉字、数字, ...

    你好,可以放入自由面板哦,就可以正常排版了,也可以添加其他小图表进去
    对对对
    使用道具 举报 回复
    动态分类为什么不能绑定商品列表呢?而且也用不了搜索,这样做就很鸡肋啊
    动态分类是不是不能限定产品列表仅限积分商品
    朋友们:动态分类怎么用不了底部导航?
    123下一页
    发新帖
    *滑动验证:
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X