appworkon
easy to build apps
+86-0755-27805158

開始製作
首頁>教程>教程詳情

應用公園3.0版產品控件使用教程

2020-05-12 18:32 來自於appworkon

功能簡介:

該控件主要用於網上商品的展示及交易。

具體使用方法:

1.新建頁面,並在“高級控件”中選擇“產品”控件,將其拖入模擬器中,設置好大小。在“控件屬性”——“控件樣式”中,如果想全屏显示,控件的寬度應設置為350,高度設置為“高度自適應”。(為了有良好的展示效果,一般建議一個產品控件佔據一個頁面,不再添加其他控件,列表,宮格類控件使用方法與其類似。)

2.以上設置好后,點擊“控件屬性”——“控件內容”,選擇產品源及類別。如果尚未建立資訊組及分類,點擊“+新建”/右上角的“運營管理”,跳轉到“運營管理平台”添加。(以後您產品的發布及更新,都是在這個後台中進行)。後台的鏈接請點擊:http://newcms.appworkon.com

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格式私鑰,公鑰填寫的是支付寶公鑰不允許有註釋、空格、換行等。請自行將這些去除。

*店鋪組名稱、店鋪圖標、店鋪圖片、公告、電話及地址僅在店鋪控件中显示,產品控件不显示這些內容,如果不適用店鋪控件,可以不添加出店鋪組名稱外的這些內容。

5.建立好店鋪后,可以開始建立店鋪分類了。我建立了多個店鋪組,這裏挑選“店鋪一”為大家做演示。我在這個店鋪中建立了多個分類。您只需點擊管理店鋪,然後點擊“新建分類”。如果想要刪除您建立的分類,直接點擊分類後面的刪除按鈕,同時也可以修改該分類的名稱。(排序的數值越小越靠前)這些都建好后,就點擊商品列表“新建商品”,開始添加商品了。



6.按照需求將產品信息填寫好,發布即可。產品描述中的圖片寬度最大應為750像素。該頁面上傳的所有圖片均應控制在200KB以內。

如果商品中涉及到團購的可以選擇虛擬產品


l註釋:如果沒有在製作頁面選擇產品的第二種展示方式——畫廊列表,那麼畫廊圖片選項是不显示的。



7.填寫好后,在產品管理頁面就可以看到您編輯完成的商品了,其中未分類里的商品是沒有是架的商品,選擇“下架”,也同樣是暫不上架。待上架前將上架狀態勾選為“上架”即可。按照剛才的方式,添加多條產品,並調整產品显示的排序。

8. 運營管理平台產品添加完畢后,進入製作頁面設置產品的展示樣式。在製作頁面的“控件屬性”——“控件內容”中,選擇好產品源和分類,然後在控件樣式中設置該頁面產品的展示樣式即可。


9.確認好后,點擊保存。這樣一個商品展示頁面就製作完成了。如果想在頁面显示這個店鋪中的分類的,建議使用店鋪控件。

a.產品文本列表樣式,增加產品篩選條開關,界面更加簡潔,圖片更大,顯現效果更佳。

b.畫廊列表樣式,添加動態產品焦點圖,展現方式更具重點,符合主流需求。

c.產品卡片列表樣式,該樣式又分為“圖片之下”及“圖片疊加”兩種子樣式。這兩種子樣式還可以設置每張卡片的高度是統一等高,還是根據實際圖片高度對應比例來显示。這種以圖片為主,文字為輔的展現方式讓信息更加直觀,規整,簡單,提高閱讀的速度和舒適性。

d.產品瀑布流樣式。瀑布流也是以圖片展現為主,巧妙的利用視覺層級,視線的任意流動又緩解了視覺疲勞。



在线咨询

立即咨询

售前咨询热线

0755-27805158

[关闭]
APPWORKON微信

官方微信自助客服

[关闭]