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

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

2014-12-17 11:16 來自于應用公園

功能簡介:

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

具體使用方法:

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

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

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

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

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

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


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

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

虛擬產品展示方式

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

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

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

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

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

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

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



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





應用公園,專業級app制作開發公司,10年app軟件開發經驗,主營APP開發、軟件定制開發、小程序制作等服務,支持SaaS云、獨立部署、app源碼交付。

在線咨詢

立即咨詢

QQ咨詢
QQ咨詢

售前咨詢熱線

0755-27805158

[關閉]
應用公園微信

官方微信自助客服

[關閉]
极品人妻互换