ecshop二次開發(fā)思想

《ecshop二次開發(fā)思想》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、ecshop模板修改?。。。。?！ECshop模板制作教程(轉(zhuǎn))收藏授人以魚，不如授人以漁，EC就算作再多的模板，肯定也滿足不了我們的需要，更何況各行有各行的門道，EC統(tǒng)一做出來的模板也不一定合適于我們這個行業(yè)用，因此，只有我們真正掌握了自己做模板、修改模板的功夫，才能真正的打造適合自己的電子商務(wù)平臺，真正打造符合自己行業(yè)內(nèi)的客戶習(xí)慣的電子商務(wù)平臺。本教程適用于了解ECshop和ECshop模板DIY以及它們的日常使用，在查看前閣下需要至少會使用一種編輯器（exp：Dreamweaver、editplus、emacs

2、、vi、ee...意思就是可視化的html編輯器或者直接文本編輯器，我在講的時候用Dreamwaver來講，這樣比較適合初學(xué)者和設(shè)計師）。這個教程目前由我一個人維護(hù)，但我相信，過不了多久就會有多人持續(xù)地維護(hù)。其中的內(nèi)容需要不斷地更新。如果您有興趣參加，嘿嘿，PM我。我們一起為大家服務(wù)啊。通過對本教程的學(xué)習(xí)，只要您邊看邊跟著做，一定能夠?qū)W會自己做模板的。:)下列章節(jié)的適用于ECshop程序。同時這里許多內(nèi)容和一些Smarty相關(guān)。假如您已經(jīng)熟悉這些內(nèi)容可跳過不閱讀。假如您是ECshop新手并且想DIY一下自己的店鋪，

3、那您應(yīng)該認(rèn)真詳細(xì)地從頭到尾讀一遍下面章節(jié)。（ps：大家不要緊張，我會盡量用人類的語言和大家交流，實(shí)在萬不得已才會用機(jī)器語言展示給大家）希望大家能夠通過本教程，想要什么模板都能自己做出來。哈哈！一起加油吧！第一章ECshop模板基礎(chǔ)讀取本部分內(nèi)容，您將了解：☆每個前臺頁面所對應(yīng)的模板頁面，模板文件的目錄結(jié)構(gòu)。☆一些最基本的ECshop模板修改方法。☆模板的路徑以及相關(guān)包含文件的方法（深入了解Dreamweaver模板制作）。☆一些常用模板例子講解。模板存放路徑：ecshop/themes/xxxxx其中的xxxxx就

4、是某一套模板，如，系統(tǒng)一般會自帶的模板文件名叫做default，（即，ecshop/themes/default）里面放的就是安裝時的默認(rèn)模板，以下所有的說明都是針對默認(rèn)模板來講解。操作前提，將您當(dāng)前使用的模板調(diào)整為default模板，然后清空緩存。接下來我們進(jìn)入default目錄，可以看到以下文件目錄：文件目錄如下：images/(存放模板中用到的圖片)library/(存放一些小模板文件及重復(fù)被用到的模板文件)style.css(模板樣式文件)index.dwt(首頁的模板index.php)goods.dwt

5、(商品顯示頁的模板goods.php)*.dwt(表示其它.dwt文件)什么？難道你不相信這些就是模板嗎？好，那我證明給你看看。我們把images里面的logo.gif文件的名字，改為logo2.gif，然后我們隨便找一張gif圖片，起名為logo.gif放到images目錄中，然后我們刷新首頁。看到?jīng)]？首頁logo被修改了。如果你覺得大小不合適，那么我們打開library目錄中的page_header.lib查看源代碼，然后搜索images/logo.gif然后看它后面width="130"height="56"

6、把130和56改為相應(yīng)的值就可以了，到前臺刷新看看。接下來我們用dreamweaver打開index.dwt文件，在源代碼中搜索{$page_title}，找到后，將{$page_title}修改為“超級無敵的大賣場”，然后到瀏覽器前臺刷新，看看頁面有什么變化。什么？沒有發(fā)現(xiàn)嗎？看看瀏覽器頭部啊，呵呵，是不是網(wǎng)站的標(biāo)題被改變了？哈哈，對，{$page_title}就是網(wǎng)站標(biāo)題的標(biāo)簽（注：標(biāo)簽是從“{”開始到“}”結(jié)束哦，“{”和“}”屬于標(biāo)簽的一部分）。整個ECshop的模板就是一個一個這樣的標(biāo)簽組成了，控制網(wǎng)站內(nèi)

7、容和數(shù)據(jù)的動態(tài)顯示。比如（{$keyWords}）控制網(wǎng)站的關(guān)鍵字標(biāo)簽，（{$description}）網(wǎng)站描述標(biāo)簽，（這就是模板中的標(biāo)簽，每個標(biāo)簽都會對應(yīng)程序里面的一個值，網(wǎng)站運(yùn)行時模板引擎會來讀取模板頁面，然后把對應(yīng)的標(biāo)簽用對應(yīng)的值進(jìn)行替換，就顯示出我們看到的網(wǎng)站頁面了，明白了吧）。很簡單吧，如果你上一步你操作非常的容易的話，接下來的學(xué)習(xí)也是一樣的哦。接下來要怎么改呢？大家不要著急，欲速則不達(dá)，呵呵，下面我們真正開始做ECshop的模板了，（不懂HTML的觀眾準(zhǔn)備好Dreamweaver哦）。1.我們到/the

8、mes/default目錄中，把index.dwt改名為index_bak.dwt，然后用Dreamweaver新建一個HTML文件，然后保存到/themes/default目錄中，命名為index.dwt，我們刷新前臺看看，哈哈，什么也沒有哦。好，在我們新建的index.dwt中找到，我們把和中間的內(nèi)容替換為“{$page_title}”，在和之間也放入一