商品橱窗组件自定义教程
2019-10-11 16:57   |   1158人已读

    本次更新我们将开放商品橱窗类组件的参数,允许用户通过修改参数来修改组件展示的商品和分类,以下是相关教程

商品分类请求参数

通过data-type参数指定内容展示类型:data-type="0"  data-key="商品分类"

商品分类名称data-key
女装1
美食6
美妆3
居家日用4
男装9
鞋品5
数码家电8
母婴2
文娱车品7
内衣10
箱包11
配饰12
家装家纺14
户外运动13

若想展示女装的商品分类,请求参数:data-type="0"  data-key="1"

若想展示居家日用的商品分类,请求参数:data-type="0"  data-key="4"

设置其他分类与以上同理,然后将此参数代入进生成的组件代码里,就可以展示自定义的商品分类了

我们以商品橱窗组件举例:

    1. 进入组件市场选择商品橱窗组件(仅限商品橱窗类型的组件),点击获取组件,设置相关内容点击生成组件代码

2019-10-12_11h50_09.png

    2. 生成组件代码后,在红箭头处加入自定义的商品分类请求参数,我这里带的是女装的商品分类的请求参数:data-type="0"  data-key="1",代码应是:

<script data-type="0" data-key="1" type="text/javascript"  charset="UTF-8" src="https://apimall.haojiequ.com/api/component/code-info/v1?comId=2160&v=1570859694" exte-id="2160" data-size="100%_45vw" data-color="#538CFD" data-bodycolor="#fff" data-opacity="100" data-show="1"></script>

2019-10-12_11h53_35.png

商品搜索结果请求参数

通过data-type参数指定内容展示类型:data-type="1"  data-key="搜索结果"

若以钢笔为最后商品展示结果,请求参数应是:data-type="1"  data-key="钢笔"

若以口红为最后商品展示结果,请求参数应是:data-type="1"  data-key="口红"

和上同理,生成组件代码后,应在红箭头处加入自定义的商品搜索结果的请求参数,我这里带的是以口红为最后商品展示结果的请求参数:data-type="1"  data-key="口红",代码应是:

<script data-type="1" data-key="口红" type="text/javascript"  charset="UTF-8" src="https://apimall.haojiequ.com/api/component/code-info/v1?comId=2160&v=1570859694" exte-id="2160" data-size="100%_45vw" data-color="#538CFD" data-bodycolor="#fff" data-opacity="100" data-show="1"></script>

2019-10-12_11h53_35.png

以上信息若未解决您的问题,请联系QQ:3001154752点击这里给我发消息