应用公园应用公园

开始制作
首页>教程>教程详情

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

2014-12-17 11:16 来自于应用公园

功能简介:

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

具体使用方法:

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


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


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

4.点击“新增产品组”,按照要求进行产品组的添加。如果我的应用中有两家商店——“店铺一”和“店铺二”,所以要建立两个名字分别为“店铺一”和“店铺二”两个店铺。若是应用中只包含一个商家,则建立一个店铺即可。(如果您是单人经营,为了查看订单的便捷度,请您尽量通过一个店铺添加产品。不同店铺的订单会被拆分到相对应的店铺内。)

关于支付宝KEY的申请方法(必须申请的是APP支付功能,其他均不行)请点击此链接

https://b.alipay.com/signing/productDetail.htm?productId=I1011000290000001002

申请好APP支付功能后,您还需要通过支付宝的两个教程,进行私钥和公钥的获取和上传。(不用怕,虽然里面到处都是代码,但是完全不需要自己去敲代码。只要按照教程中复制进去即可)

(如何生成RSA密钥)

https://doc.open.alipay.com/doc2/detail?treeId=58&articleId=103242&docType=1

openSLL安装包下载地址

http://down.apppark.cn/app/download/openssl.rar

因为会生成两个私钥和一个公钥,我们下一步用到的是PKCS8格式的私钥。(请不要将这个私钥填写在应用公园的管理后台,后台填写的是PKCS8格式私钥。)

(如何上传公钥)

https://doc.open.alipay.com/docs/doc.htm?spm=a219a.7386797.0.0.bZaZFE&treeId=58&articleId=103578&docType=1

如果不上传公钥到支付宝,应用是无法使用支付功能的。合作伙伴密钥管理RSA加密里的支付宝公钥才是我们这边需要的,千万不要选择开发者公钥。

填写的私钥和公钥都必须是一行,私钥填写的是PKCS8格式私钥,公钥填写的是支付宝公钥不允许有注释、空格、换行等。请自行将这些去除。



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

5.建立好店铺后,可以开始建立店铺分类了。我建立了2个店铺组,这里挑选“店铺一”为大家做演示。我在这个店铺中建立了2个分类,分别为“演示一”、“演示二”。您只需点击页面右上方的的“管理分类”按钮,然后开始编辑即可。如果想要删除您建立的分类,也是同样的方法,在“管理分类”变为“退出管理”后,点击分类名称,就会出现删除按钮。(在点击了“管理分类”后,分类的排序可以拖动。)这些都建好后,就点击“立即新增产品”,开始添加产品了。


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

l注释:如果没有在制作页面选择资讯的第二种展示方式——画廊列表,那么画廊图片选项是不显示的。(该功能仅针对高级VIP


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

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

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

展示样式一览表:

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


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

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

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


代理招商:

13040881177

VIP咨询:

在线客服1:

在线客服2:

[关闭]
应用公园微信

官方微信自助客服

[关闭]