功能簡介：

該控件主要用於網(wǎng)上商品的展示及交易。

具體使用方法：

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

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

3.在運營管理平臺選中您要選擇的應(yīng)用。

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

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

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

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

如果商品中涉及到團(tuán)購的可以選擇虛擬產(chǎn)品

虛擬產(chǎn)品展示方式

l註釋：如果沒有在製作頁面選擇產(chǎn)品的第二種展示方式——畫廊列表，那麼畫廊圖片選項是不顯示的。

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

8. 運營管理平臺產(chǎn)品添加完畢后，進(jìn)入製作頁面設(shè)置產(chǎn)品的展示樣式。在製作頁面的“控件屬性”——“控件內(nèi)容”中，選擇好產(chǎn)品源和分類，然後在控件樣式中設(shè)置該頁面產(chǎn)品的展示樣式即可。

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

a.產(chǎn)品文本列表樣式，增加產(chǎn)品篩選條開關(guān)，界面更加簡潔，圖片更大，顯現(xiàn)效果更佳。

b.畫廊列表樣式，添加動態(tài)產(chǎn)品焦點圖，展現(xiàn)方式更具重點，符合主流需求。

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

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