皇冠登2租用3.0版产品控件使用教程

功能简介：

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

具体使用方法：

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

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

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

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

关于支付宝KEY的申请方法（必须申请的是移动支付功能，其他均不行）请点击此链接https://b.alipay.com/order/productDetail.htm?productId=2015110218010538

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

（如何生成RSA密钥）

https://cshall.alipay.com/enterprise/knowledgeDetail.htm?knowledgeId=201602033418

openSLL安装包下载地址

/app/download/openssl.rar

因为会生成两个私钥和一个公钥，我们下一步用到的是PKCS8格式的私钥。（请不要将这个私钥填写在皇冠登2租用的管理后台，后台填写的是PKCS8格式私钥。）

（如何上传公钥）

https://cshall.alipay.com/enterprise/knowledgeDetail.htm?knowledgeId=201602034317

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

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

由于该步骤涉及支付宝内财产安全问题，为了您的账户安全，有不懂的地方可以直接咨询支付宝客服，不要咨询我方客服及商务，以免造成不必要的麻烦和损失。我方也不会对该步骤提供辅助。

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

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

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

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

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

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

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

展示样式一览表：

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

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

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

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

更新时间 2016-12-16 17:06:09