第一篇：應(yīng)用公園APP制作平臺(tái)3.0版產(chǎn)品控件使用教程

應(yīng)用公園3.0版產(chǎn)品控件使用教程

功能簡(jiǎn)介：

該控件主要用于網(wǎng)上商品的展示及交易。具體使用方法：

1.新建頁(yè)面，并在“互動(dòng)控件”中選擇“產(chǎn)品”控件，將其拖入模擬器中，設(shè)置好大小。在“控件屬性”——“控件樣式”中，如果想全屏顯示，控件的寬度應(yīng)設(shè)置為320，高度設(shè)置為“高度自適應(yīng)”。（一般建議一個(gè)產(chǎn)品控件占據(jù)一個(gè)頁(yè)面，不再添加其他控件。）

2.以上設(shè)置好后，點(diǎn)擊“控件屬性”——“控件內(nèi)容”，選擇產(chǎn)品源及類(lèi)別。如果尚未建立產(chǎn)品組及分類(lèi)，請(qǐng)?zhí)D(zhuǎn)到“運(yùn)營(yíng)管理平臺(tái)”添加。（以后您資訊的發(fā)布及產(chǎn)品的更新，都是在這個(gè)后臺(tái)中進(jìn)行）。

3.在運(yùn)營(yíng)管理平臺(tái)選中您要選擇的應(yīng)用。4.點(diǎn)擊“新增產(chǎn)品組”，按照要求進(jìn)行產(chǎn)品組的添加。我的應(yīng)用中有兩家商店——levi’s和杜莎餐廳，所以要建立兩個(gè)名字分別為“l(fā)evi’s”和“杜莎餐廳”兩個(gè)產(chǎn)品組。若是應(yīng)用中只包含一個(gè)商家，則配置一個(gè)產(chǎn)品組即可。（如果您是單人經(jīng)營(yíng)，為了查看訂單的便捷度，請(qǐng)您盡量通過(guò)一個(gè)產(chǎn)品組添加產(chǎn)品。不同產(chǎn)品組的訂單會(huì)被拆分到相對(duì)應(yīng)的產(chǎn)品組內(nèi)。）關(guān)于支付寶KEY的申請(qǐng)方法（必須申請(qǐng)的是手機(jī)網(wǎng)站支付功能，其他均不行）請(qǐng)點(diǎn)擊此鏈接：

5.建立好產(chǎn)品組后，可以開(kāi)始建立產(chǎn)品分類(lèi)了。“LEVI’S”這個(gè)產(chǎn)品組中，需要分為三類(lèi)——上衣、褲子、全部。您只需點(diǎn)擊頁(yè)面右上方的的“管理分類(lèi)”按鈕，然后開(kāi)始編輯即可。如果想要?jiǎng)h除您建立的分類(lèi)，也是同樣的方法，在“管理分類(lèi)”變?yōu)椤巴顺龉芾怼焙螅c(diǎn)擊分類(lèi)名稱(chēng)，就會(huì)出現(xiàn)刪除按鈕。

6.分類(lèi)好后，直接點(diǎn)擊“新增產(chǎn)品”開(kāi)始創(chuàng)建產(chǎn)品。

7.按照需求將產(chǎn)品信息填寫(xiě)好，右側(cè)“產(chǎn)品圖片”的選項(xiàng)圖片大小為240X240像素。產(chǎn)品描述中的圖片寬度最大應(yīng)為640像素。該頁(yè)面上傳的所有圖片均應(yīng)控制在200KB以?xún)?nèi)。

8.在這一頁(yè)的產(chǎn)品分類(lèi)選項(xiàng)中選中你要將這件商品分到的類(lèi)別中，此商品我分到了“上衣”和“全部”中。完成后，將剩余選項(xiàng)勾選好，點(diǎn)擊確定即可。這時(shí)產(chǎn)品就已經(jīng)發(fā)布出去了。如果不想立即發(fā)布，則可不選擇產(chǎn)品分類(lèi)，編輯好后會(huì)出現(xiàn)在未分類(lèi)選項(xiàng)中。待到發(fā)布前點(diǎn)擊產(chǎn)品的編輯按鈕，進(jìn)行分類(lèi)即可。

9.填寫(xiě)好后，在產(chǎn)品管理頁(yè)面就可以看到您編輯完成的商品了，其中未分類(lèi)里的商品是沒(méi)有發(fā)布的商品。在商品的右上方有三個(gè)圖標(biāo)和一個(gè)數(shù)字。其中的數(shù)字是調(diào)整商品在手機(jī)客戶端中排列的位置，數(shù)字越小越靠前，可以為負(fù)數(shù)。倒數(shù)第二個(gè)圖標(biāo)為“編輯”按鈕，可以對(duì)已經(jīng)編輯好的產(chǎn)品詳情進(jìn)行二次編輯。最后一個(gè)則為刪除按鈕，一旦刪除，就不能再恢復(fù)，請(qǐng)慎重選擇。

10.將商品添加好后，就可以選擇添加到客戶端了。方法：在制作頁(yè)面中，將最開(kāi)始建立的那個(gè)頁(yè)面中的產(chǎn)品控件進(jìn)行“控件屬性”——“控件內(nèi)容”的設(shè)置——產(chǎn)品源和類(lèi)別選擇為您要顯示的類(lèi)別即可。通過(guò)“控件屬性”——“控件樣式”中的“快速布局”可以選擇展示效果，第一個(gè)是列表形態(tài)，第二個(gè)是宮格形態(tài)。

11.確認(rèn)好后，點(diǎn)擊保存。這樣一個(gè)商品展示頁(yè)面就制作完成了。如果想和我一樣在頁(yè)面顯示分組的，可以用“按鈕”控件進(jìn)行鏈接，實(shí)現(xiàn)產(chǎn)品類(lèi)別分頁(yè)效果，即在首頁(yè)的歷史導(dǎo)航下方添加“按鈕”控件，然后根據(jù)分組修改名稱(chēng)。因?yàn)槲疫@個(gè)頁(yè)面的產(chǎn)品分類(lèi)為全部，所以我選擇添加了兩個(gè)名字分別為“上衣”和“褲子”的按鈕，然后新建兩個(gè)頁(yè)面，按照上面的產(chǎn)品頁(yè)面添加方式進(jìn)行制作。制作完成后，分別和首頁(yè)的“上衣”、“褲子”兩個(gè)按鈕進(jìn)行鏈接。這樣由首頁(yè)的“全部商品”點(diǎn)擊“上衣”按鈕就可以進(jìn)入到只顯示上衣類(lèi)產(chǎn)品的頁(yè)面了。