應用（yòng）公（gōng）園3.0版產品控件使用教（jiāo）程

功能簡介（jiè）：

該控件主要（yào）用於網上商品的展示及（jí）交易。

具體使用（yòng）方法：

1.新建頁麵，並在“高（gāo）級控件”中選擇“產品”控件，將（jiāng）其拖入模擬器中，設置好大小。在“控件屬性（xìng）”——“控件樣式”中，如果想全屏顯示，控件的寬度應設（shè）置為320，高度設置為“高度自適應（yīng）”。（為了有良好的展示效果，一般建議一個產品控件占據一個頁麵，不（bú）再添加其他（tā）控件，列表（biǎo），宮格類控件使（shǐ）用方法（fǎ）與其（qí）類似。）

2.以上設置好後，點擊“控件屬性”——“控件內容”，選擇產品源及類別。如果尚未（wèi）建立資訊組及分類，點擊“+新（xīn）建”/右上角（jiǎo）的“運營管理”，跳轉到“運營管（guǎn）理平台”添加。（以後您產品的發布及更新，都是在這個（gè）後台中（zhōng）進（jìn）行）。後台的鏈接請點擊：http://www.xcydp.com/cms

3.在（zài）運營管理平台選中您要選擇（zé）的應用。

4.點擊“新增產品組（zǔ）”，按照要求進行產品組的添加。如果我的應用中有兩家商（shāng）店——“店鋪（pù）一”和“店鋪二”，所以要建立兩個名字分別為“店鋪（pù）一”和（hé）“店鋪二”兩個店鋪。若是應用中（zhōng）隻包含一個商家，則建立一個店鋪（pù）即可。（如果您是單人經營，為了查看訂單的便捷度，請您盡（jìn）量通過一個店鋪添加產品。不同店鋪的訂單會被拆分到（dào）相（xiàng）對應的店鋪內。）

關於支付寶KEY的申（shēn）請方法（fǎ）（必須申請的是移動支付功能，其他均不（bú）行）請點擊此鏈接https://b.alipay.com/order/productDetail.htm?productId=2015110218010538

申請（qǐng）好移動支付功能後，您還需要通過支付（fù）寶（bǎo）的兩個教程，進行私鑰和公鑰的獲取（qǔ）和上傳。（不用怕，雖然裏麵到處都是代碼，但是完全不需要自己去敲代碼。隻要按照教程中複製進去即可）

（如何生成RSA密鑰）

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

openSLL安裝包下載（zǎi）地（dì）址

http://down.xcydp.com/app/download/openssl.rar

因為會生成兩個私鑰和一個公鑰，我們下一步用到的（de）是PKCS8格式的私鑰。（請不（bú）要將這個私鑰填寫在應用公園的管（guǎn）理後台，後台填寫的是（shì）PKCS8格式私鑰。）

（如何上傳（chuán）公鑰）

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

如果不（bú）上傳公鑰到支付寶，應用是無法使用（yòng）支（zhī）付（fù）功能的。在“合作夥伴密鑰管理”下RSA加密裏的支付寶公（gōng）鑰（yào）才（cái）是我們這邊需要的，千萬不要選擇（zé）開發者公鑰（yào）。

填寫的（de）私鑰和公鑰都必須（xū）是一行，私鑰填寫的是PKCS8格式私鑰（yào），公鑰填寫的是支付寶（bǎo）公鑰（yào）。不允許有注釋、空格、換行等。請自行將這（zhè）些去除。

由於該步驟涉及支付寶內財產安全問題，為（wéi）了（le）您的賬戶安全，有不懂的地方可以直接谘詢支付寶客服（fú），不要谘詢我方客服及商務，以免造成不必要的麻煩（fán）和損失。我（wǒ）方也不會對該步驟提供輔助。

*店鋪組名稱、店鋪圖（tú）標（biāo）、店鋪圖（tú）片、公告、電話及地址僅在高級VIP的店鋪控件中顯示，產品控件不顯示這些（xiē）內容，如果不適用店鋪控件，可以不添（tiān）加出店鋪組名稱外的這些內容。

5.建立好店鋪後，可以開始建立店鋪分類了（le）。我（wǒ）建立了2個店鋪組，這裏挑選“店鋪一”為大家做演示。我在這個店鋪中建立（lì）了2個（gè）分類，分別為“演示一”、“演示二”。您隻需（xū）點擊頁麵右上方的的“管理分類（lèi）”按鈕，然後開始編輯即（jí）可。如果想要刪（shān）除您建立的分類，也是同樣的方法，在“管理分類”變為“退出管理”後，點擊分類名稱，就會出現刪除按鈕。（在點擊了“管理分類”後（hòu），分類的排序可以（yǐ）拖動。）這些都建好後，就（jiù）點擊“立即（jí）新（xīn）增產品”，開始添加產品了（le）。

6.按照需（xū）求將產品信（xìn）息填寫好，發布（bù）即可。產品描述中的圖片寬度最大應為640像素（sù）。該頁麵上傳的所有圖片均應控製在200KB以內。

l注釋：如果沒有（yǒu）在（zài）製作頁麵選（xuǎn）擇資訊的第二種展示方式——畫廊列表，那麽（me）畫廊圖片選項是不顯示的。（該功能僅針對高（gāo）級VIP）

7.填（tián）寫好（hǎo）後，在產品管（guǎn）理頁麵就可以看到您編（biān）輯（jí）完成的商品了，其中未分類裏的（de）商品是沒有發布的商品，選擇“未發布”狀態，也同樣是暫不發布。待到發布前將發布狀態勾選為“已發布（bù）”即可。按照剛才的方式，添加多條產品，並調整產品顯示的排序。

8. 運營管理（lǐ）平台資訊添（tiān）加完畢後，進入製作頁麵設置產（chǎn）品的展（zhǎn）示樣式。在製作（zuò）頁麵的“控件屬性（xìng）”——“控（kòng）件內容”中，選擇好產品源和分類，然後在控件樣式中設置該頁麵產品的展示樣式即可。

9.確認好後，點擊保（bǎo）存。這樣一個商品展示頁麵就製作完成了。如果（guǒ）想在（zài）頁麵顯示這個店鋪（pù）中的分類的，建議使（shǐ）用店鋪控件（僅（jǐn）高級VIP可用）。

展示樣式（shì）一覽表：

a.產品文本（běn）列表樣式，增加產品篩選條開關，界麵更加簡潔，圖片更大，顯現效（xiào）果更佳。

b.畫（huà）廊列表樣式，添（tiān）加動（dòng）態產品焦點圖，展現方式更（gèng）具（jù）重點，符合主流需求。

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

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

更（gèng）新時間 2016-12-16 17:06:09