這兩天3.8婦女節(jié)，各大電商又開始不斷推出促銷活動，借勢營銷。電商平臺仿佛不愿意放過任一個可以作為營銷話題的日子，不斷推陳出新。經(jīng)過10多年的電商經(jīng)驗積累，現(xiàn)在做起活動來游刃有余，豐富多樣。
石拐網(wǎng)站建設公司創(chuàng)新互聯(lián),石拐網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為石拐近1000家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務好的石拐做網(wǎng)站的公司定做！
下圖是我從淘寶、京東上取的兩個活動頁面，可以看出頁面自定義程度很高，美觀大方。另一種叫法叫做店鋪裝修或頁面配置，那么問題來了， 這樣一個自定義頁面怎么配置？怎樣通過系統(tǒng)化的方式實現(xiàn)頁面動態(tài)配置。
由于頁面動態(tài)配置的內(nèi)容較多，所以打算分兩篇長文介紹，第一篇先講頁面動態(tài)配置的整體產(chǎn)品邏輯，第二篇詳細描述各組件的功能，一直到組裝之后的解析。
頁面動態(tài)配置是CMS系統(tǒng)（內(nèi)容管理系統(tǒng)）的一部分，在電商行業(yè)，CMS系統(tǒng)有時會局限用作頁面動態(tài)配置的功能。有時也叫作“ 裝修 ”，店鋪裝修、頁面裝修、自定義新頁面。平臺見到的首頁管理和新建活動頁面都屬于此類范疇。
在PC電商時代，頁面的自定義比作蓋樓，添加一個樓層，每層可以自定義內(nèi)容，譬如商品、優(yōu)惠券、商品排名等?！疤詫毻仭熬褪堑赇佈b修發(fā)展出來的一門生意，淘寶店家可以選擇基礎模塊的內(nèi)容，編輯首頁或新建頁面，動態(tài)配置頁面。
可以把頁面的動態(tài)配置比作樂高玩具，每一個組件就像樂高積木，可以用它搭建不同的樂高玩具，就類似組裝成不同的動態(tài)頁面。我將頁面的動態(tài)配置分為3步：組件→ 位置+內(nèi)容 → 動態(tài)頁面，如下圖。
2.1 基礎組件
組件是動態(tài)頁面的基礎，提供給用戶編輯具體展示的信息。有許多類型的組件：圖片輪播、ICON、優(yōu)惠券等，每種組件都可以有多個不同的樣式，選擇內(nèi)部展示的內(nèi)容或者自定義。用的最常見的就是鏈接，組件顯示樣式雖然多樣，但是點擊之后通往的頁面選擇庫卻是共通的。例如：新的活動頁面、商品詳情頁、商品聚合頁、購物車、客服等等。
基礎組件的定義和解析是自定義頁面的核心，不同的組件有不同的功能，表示不同類型的內(nèi)容。每個組件都需要單獨設計，定義其規(guī)則和樣式。 例如ICON、圖片輪播就是簡單的圖片展示，商品排名對應的算法較為復雜，需要實時去取動態(tài)排名。
2.2 位置+內(nèi)容
有了組件之后，用戶在設置或者系統(tǒng)在解析的時候，首先要確定組件在自定義頁面中的位置。位置可以稱為“樓層”，每個頁面的各樓層可以定義名稱、設置背景、配置內(nèi)容，目前最主流的交互是拖動組件到相應的位置，設置內(nèi)容之后實時預覽，自定義頁面動態(tài)可視化。
2.3 動態(tài)頁面
對于整個動態(tài)頁面，需要定義生效時間、結(jié)束時間、活動頁面名稱等基礎信息。設置之后可生成相應的鏈接進行預覽。
動態(tài)頁面是由不同的組件內(nèi)容構(gòu)成，首先按照各組件位置去解析，然后再去解析組件的內(nèi)容（樣式、圖片/商品、背景、鏈接等）。按照上圖的反向流程走，就能解析出對應的自定義頁面內(nèi)容。
首頁設置也是相同，類似自定義頁面，可動態(tài)設置首頁內(nèi)容，動態(tài)添加自定義組件。目前絕大部分電商首頁都是動態(tài)配置，有著豐富的自定義內(nèi)容。
配置組件有許多種，常見的圖片輪播、 商品推薦、商品分類、 寶貝排行、圖標（ICON）這幾種形式，其實是富文本、 客服、優(yōu)惠券、滿減活動、滿贈活動、自定義區(qū)域、商品搜索、文字、公告、倒計時、Tab組件（頂部、底部）。
豐富的自定義組件可以實現(xiàn)各式各樣的活動頁面，前面舉例的京東、淘寶活動頁都是通過CMS配置實現(xiàn)。
至于不同的組件設計和功能，下篇再詳細講解。
組件之間有些通用的自定義要素:
頁面動態(tài)配置的整體產(chǎn)品邏輯基本已經(jīng)介紹完畢，可以了解到，頁面動態(tài)配置看似復雜，理順之后發(fā)現(xiàn)其實就分為三個步驟，絕大部分的復雜度增加只是基礎配置組件的豐富。
雖然CMS系統(tǒng)產(chǎn)品邏輯簡單，但是頁面要做到較高的自定義配置程度，需要技術(shù)框架的高效率和較強的可擴展性。在瀏覽一個自定義頁面時，系統(tǒng)要逐步去解析該頁面下的自定義組件內(nèi)容和要素，運算量很大。
目前絕大部門電商公司的自定義頁面僅僅停留在一個初級階段，限于首頁和少數(shù)特殊頁面的自定義配置，而且自定義程度較低。本文提供了CMS系統(tǒng)的產(chǎn)品設計思路，落到實際項目中，還需要權(quán)衡實際需求和自定義配置程度之間的關系。
易優(yōu)cms安裝去掉默認模板應先創(chuàng)建相應的子目錄。
1、先在模板目錄/template創(chuàng)建相應的子目錄。
2、將要pc或mobile等模板目錄文件拷貝到style1。
3、前往后臺的【基本信息】-【核心設置】里的前臺模板風格的下拉可以看到相關的風格目錄，即可進行切換。
4、即可易優(yōu)cms安裝去掉默認模板。
1、在易優(yōu)CMS官網(wǎng)上下載安裝文件。
2、將下載的安裝文件復制到服務器根目錄下，執(zhí)行安裝程序。
3、安裝完成后，進入易優(yōu)CMS后臺，在“插件管理”中激活產(chǎn)品采集插件，即可使用。
1、調(diào)用圖片路徑
2、列表內(nèi)容循環(huán)標簽寫法
3、調(diào)用logo的標簽
4、調(diào)用導航
5、調(diào)用基本信息
6、調(diào)用當前欄目的圖片
7、易優(yōu)cms去底部版權(quán)的方法
注：這里的copyright我改成了id，因為id可以提高速度。比class更好一些，如果你想用class也是可以的。
7.1 js去版權(quán)
7.2 css去版權(quán)
8、易優(yōu)cms（eyoucms）的上一篇下一篇
9、獲取文章詳情
10、獲取作者
11、獲取日期
12、獲取點擊數(shù)
13、詳情頁獲取欄目圖片
14、首頁調(diào)用特薦文章標簽
15、首頁文章推薦時候獲取時間
16、詳情頁返回列表的鏈接
17、友情鏈接
18、上一篇與下一篇
19、列表內(nèi)容標簽
20、面包屑
21、首頁獲取關鍵詞、描述、標題。
22、調(diào)用css和js
23、調(diào)用公共模板
24、調(diào)用詳情標題【詳情頁】
25、調(diào)用文章詳情【詳情頁】
26、文章點擊數(shù)【詳情頁】
27、列表模板和內(nèi)容模板調(diào)用關鍵詞和描述、標題
28、引入其他模板
重慶分公司
重慶分公司
