应用公园APP制作平台3.0版产品控件使用教程

第一篇：应用公园APP制作平台3.0版产品控件使用教程

应用公园3.0版产品控件使用教程

功能简介：

该控件主要用于网上商品的展示及交易。具体使用方法：

1.新建页面，并在“互动控件”中选择“产品”控件，将其拖入模拟器中，设置好大小。在“控件属性”——“控件样式”中，如果想全屏显示，控件的宽度应设置为320，高度设置为“高度自适应”。（一般建议一个产品控件占据一个页面，不再添加其他控件。）

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

3.在运营管理平台选中您要选择的应用。4.点击“新增产品组”，按照要求进行产品组的添加。我的应用中有两家商店——levi’s和杜莎餐厅，所以要建立两个名字分别为“levi’s”和“杜莎餐厅”两个产品组。若是应用中只包含一个商家，则配置一个产品组即可。（如果您是单人经营，为了查看订单的便捷度，请您尽量通过一个产品组添加产品。不同产品组的订单会被拆分到相对应的产品组内。）关于支付宝KEY的申请方法（必须申请的是手机网站支付功能，其他均不行）请点击此链接：

5.建立好产品组后，可以开始建立产品分类了。“LEVI’S”这个产品组中，需要分为三类——上衣、裤子、全部。您只需点击页面右上方的的“管理分类”按钮，然后开始编辑即可。如果想要删除您建立的分类，也是同样的方法，在“管理分类”变为“退出管理”后，点击分类名称，就会出现删除按钮。

6.分类好后，直接点击“新增产品”开始创建产品。

7.按照需求将产品信息填写好，右侧“产品图片”的选项图片大小为240X240像素。产品描述中的图片宽度最大应为640像素。该页面上传的所有图片均应控制在200KB以内。

8.在这一页的产品分类选项中选中你要将这件商品分到的类别中，此商品我分到了“上衣”和“全部”中。完成后，将剩余选项勾选好，点击确定即可。这时产品就已经发布出去了。如果不想立即发布，则可不选择产品分类，编辑好后会出现在未分类选项中。待到发布前点击产品的编辑按钮，进行分类即可。

9.填写好后，在产品管理页面就可以看到您编辑完成的商品了，其中未分类里的商品是没有发布的商品。在商品的右上方有三个图标和一个数字。其中的数字是调整商品在手机客户端中排列的位置，数字越小越靠前，可以为负数。倒数第二个图标为“编辑”按钮，可以对已经编辑好的产品详情进行二次编辑。最后一个则为删除按钮，一旦删除，就不能再恢复，请慎重选择。

10.将商品添加好后，就可以选择添加到客户端了。方法：在制作页面中，将最开始建立的那个页面中的产品控件进行“控件属性”——“控件内容”的设置——产品源和类别选择为您要显示的类别即可。通过“控件属性”——“控件样式”中的“快速布局”可以选择展示效果，第一个是列表形态，第二个是宫格形态。

11.确认好后，点击保存。这样一个商品展示页面就制作完成了。如果想和我一样在页面显示分组的，可以用“按钮”控件进行链接，实现产品类别分页效果，即在首页的历史导航下方添加“按钮”控件，然后根据分组修改名称。因为我这个页面的产品分类为全部，所以我选择添加了两个名字分别为“上衣”和“裤子”的按钮，然后新建两个页面，按照上面的产品页面添加方式进行制作。制作完成后，分别和首页的“上衣”、“裤子”两个按钮进行链接。这样由首页的“全部商品”点击“上衣”按钮就可以进入到只显示上衣类产品的页面了。