功能简介：

该控件主要用于网上商品的展示及交易。

具体使用方法：

1.新建页面，并在“高级控件”中选择“产品”控件，将其拖入模拟器中，设置好大小。在“控件属性”——“控件样式”中，如果想全屏显示，控件的宽度应设置为320，高度设置为“高度自适应”。（为了有良好的展示效果，一般建议一个产品控件占据一个页面，不再添加其他控件，列表，宫格类控件使用方法与其类似。）

2.以上设置好后，点击“控件属性”——“控件内容”，选择产品源及类别。如果尚未建立资讯组及分类，点击“+新建”/右上角的“运营管理”，跳转到“运营管理平台”添加。（以后您产品的发布及更新，都是在这个后台中进行）。后台的链接请点击：http://newcms.apppark.cn/

3.在运营管理平台选中您要选择的应用。

4.点击“店铺管理”新建店铺，按照要求进行产品组的添加。如果我的应用中有两家商店——“店铺一”和“店铺二”，所以要建立两个名字分别为“店铺一”和“店铺二”两个店铺。若是应用中只包含一个商家，则建立一个店铺即可。（如果您是单人经营，为了查看订单的便捷度，请您尽量通过一个店铺添加产品。）

*店铺组名称、店铺图标、店铺图片、公告、电话及地址仅在店铺控件中显示，产品控件不显示这些内容，如果不适用店铺控件，可以不添加出店铺组名称外的这些内容。

5.建立好店铺后，可以开始建立店铺分类了。我建立了2个店铺组，这里挑选“店铺一”为大家做演示。我在这个店铺中建立了2个分类，分别为“演示一”、“演示二”。您只需点击管理店铺，然后点击“新建分类”。如果想要删除您建立的分类，直接点击分类后面的删除按钮，同时也可以修改该分类的名称。（排序的数值越小越靠前）这些都建好后，就点击商品列表“新建商品”，开始添加商品了。

6.按照需求将产品信息填写好，发布即可。产品描述中的图片宽度最大应为640像素。该页面上传的所有图片均应控制在200KB以内。

如果商品中涉及到团购的可以选择虚拟产品

虚拟产品展示方式

l注释：如果没有在制作页面选择产品的第二种展示方式——画廊列表，那么画廊图片选项是不显示的。

7.填写好后，在产品管理页面就可以看到您编辑完成的商品了，其中未分类里的商品是没有是架的商品，选择“下架”，也同样是暂不上架。待上架前将上架状态勾选为“上架”即可。按照刚才的方式，添加多条产品，并调整产品显示的排序。

8. 运营管理平台产品添加完毕后，进入制作页面设置产品的展示样式。在制作页面的“控件属性”——“控件内容”中，选择好产品源和分类，然后在控件样式中设置该页面产品的展示样式即可。

9.确认好后，点击保存。这样一个商品展示页面就制作完成了。如果想在页面显示这个店铺中的分类的，建议使用店铺控件。

a.产品文本列表样式，增加产品筛选条开关，界面更加简洁，图片更大，显现效果更佳。

b.画廊列表样式，添加动态产品焦点图，展现方式更具重点，符合主流需求。

c.产品卡片列表样式，该样式又分为“图片之下”及“图片叠加”两种子样式。这两种子样式还可以设置每张卡片的高度是统一等高，还是根据实际图片高度对应比例来显示。这种以图片为主，文字为辅的展现方式让信息更加直观，规整，简单，提高阅读的速度和舒适性。

d.产品瀑布流样式。瀑布流也是以图片展现为主，巧妙的利用视觉层级，视线的任意流动又缓解了视觉疲劳。