ecmall 掛件和模板的製做方法

ecmall是國內不錯的商城系統，適合國內人的使用習慣；
但自從2.0之後，沒有專門的廣告系統，對於中小網站來講，是個苦惱。
看了一下官方掛件的說明，決定本身動手改一個吧。

第 一步：

瞭解首頁模板結構

首頁文 件結構	include hearder.html	包含的頭文件，其中包含top logo區域
	<div class=」keyword」>…</div>	搜索欄區域
	<div class=」content」>…</div>	第一個是內容區 域，包含左，右區域，右區域又劃分爲中和右區塊
	<div class=」ad_banner」 area=」banner」 widget_type=」area」>…</div>	通欄廣告區域
	<div class=」content」>…</div>	第二個是下部區 域，一樣是左右區域，通常放置分類和產品混排模塊
	<div class=」content」 area=」bottom_down」 widget_type=」area」>…</div>	底部友情連接區域
	include footer.html	包含的底部文件，主要包含版權信息

弄明白template結構後，添加掛件區域就方便多了。
導航下方通欄廣告一般是網站的黃金位置，可是默認沒有，因而我在<div class=」keyword」>…</div>下方添加一個div區域，以下
<div class=」ad_banner」 area=」nav_banner」 widget_type=」area」>…</div>

想添加別的區域也很容易，可是要考慮佈局是否會破碎，最好是先研究theme下css的設置。

第二步：

進入 商城系統external/widgets目錄下，會看見默認已經自帶不少插件，將image_ad下載下來，重命名爲xxx_ad或者是好記的名稱

目錄結構	config.html	後臺管理模板時設置掛件頁面
	widget.html	首頁模板中掛件html代碼片斷頁面
	main.widget.php	model源碼文件，包含對掛件類 的建模
	widget.info.php	定義掛件的數組信息

修改widget.info.php中掛件信息，數組array[name]要與掛件目錄名相同

第三步：
修改main.widget.php文件中class XXX extends BaseWidget 類

• _get_data()函 數是獲取圖片地址和連接
• parse_config($input)函數是後臺設置時返 回圖片地址
• _upload_image()是圖片上傳函數

第四步：

config.html 是後臺管理插件時html代碼文件，基本不用動，widget.html文件根據本身模板和css設定修改，例如修改div class,是否顯示連接等等。

最後，基本上簡單的廣 告掛件完成，將添加自定義區域的index.html和掛件目錄上傳。

最 最後,而後在後臺編輯模板，將掛件加入模板中新添加的區域中，設置後便可