功能簡介：

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

具體使用方法：

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

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

3.在運營管理平臺選中您要選擇的應用。

4.點擊“店鋪管理”新建店鋪，按照要求進行產品組的添加。如果我的應用中有兩家商店——“店鋪一”和“店鋪二”，所以要建立兩個名字分別為“店鋪一”和“店鋪二”兩個店鋪。若是應用中只包含一個商家，則建立一個店鋪即可。（如果您是單人經營，為了查看訂單的便捷度，請您盡量通過一個店鋪添加產品。）

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

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

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

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

虛擬產品展示方式

l注釋：如果沒有在制作頁面選擇產品的第二種展示方式——畫廊列表，那么畫廊圖片選項是不顯示的。

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

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

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

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

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

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

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