本次更新我们将开放商品橱窗类组件的参数,允许用户通过修改参数来修改组件展示的商品和分类,以下是相关教程
通过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. 进入组件市场选择商品橱窗组件(仅限商品橱窗类型的组件),点击获取组件,设置相关内容点击生成组件代码
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>
通过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>