我是一個EC新手,EC就算做再多的模板,肯定也滿足不了我們的需要,更何況各行有各行的門道,EC統一做出來的模板也不一定合適於我們這個行業用,因此,只有我們真正掌握了自己做模板,修改模板的功夫,才能真正的打造適合自己的電子商務平臺,真正打造符合自己行業內的客戶習慣的電子商務平臺。
首先歡迎各位瀏覽本教程,恭喜大家使用 ECshop,!EC有多好,ECshop是PHP構建的,PHP的應用我也不想多說了(亞馬遜:amazon.com,雅虎:yahoo.com,百度:baidu.com淘寶:taobao.com新浪:sina.com,騰訊:qq.com),(ps: ECshop成功了!在這一刻,他是偉大電子商務的傳承,他不是一個人在戰鬥,他不是一個人 -_-!!! ) 我也不多講了大家都知道,不過有時候熱愛潛水的我真的時是實在忍不住要跳出來說兩句.
本教程適用於瞭解 ECshop 和 ECshop模板DIY 以及它們的日常使用,在檢視前閣下需要至少會使用一種編輯器(exp:Dreamweaver, editplus, emacs, vi, ee …意思就是視覺化的HTML編輯器或者直接文字編輯器,我在講的時候用Dreamwaver來講,這樣比較適合初學者和設計師)。 這個教程目前由我一個人維護,但我相信,過不了多久就會有多人 持續地 維護。其中的內容需要不斷地更新。如果您有興趣參加,嘿嘿,PM我。我們一起為大家服務啊.
通過對本教程的學習,只要您邊看邊跟著做,一定能夠學會自己做模板的。:)
下列章節的適用於ECshop程式。 同時這裡許多內容和一些 Smarty相關。 假如您已經熟悉這些內容可跳過不閱讀。假如您是ECshop新手並且想diy一下自己的店鋪, 那您應該認真詳細地從頭到尾讀一遍這些章節。( ps: 大家不要緊張,我會盡量用人類的語言和大家交流,實在萬不得已才會用機器語言展示給大家 ) 希望大家能夠通過本教程,想要什麼模板都能自己做出來。哈哈!一起加油吧!
第一章節:
讀取這些內容,您將瞭解:
1、每個前臺頁面所對應的模板頁面,模板檔案的目錄結構。
2、 一些最基本的ECshop模板修改方法。 3、 模板的路徑以及相關包含檔案的方法(深入瞭解Dreamweaver模板製作)。 4、一些常用模板例子講解. |
模板存放路徑:ecshop/themes/xxxxx 其中的 xxxxx 就是某一套模板,如系統一般會自帶的模板檔名叫做 default, (即:ecshop/themes/default )裡面放的就是安裝好時的預設模板,以下所有的說明都是針對預設模板來講解.
images/ (存放模板中用到的圖片) library/ ( 存放一些小模板檔案及重複被用到的模板檔案 ) style.css (模板樣式檔案) index.dwt (首頁的模板 index.php) goods.dwt ( 商品顯示頁的模板 goods.php) |
我們隨便找一張gif圖片,起名為logo.gif放到images目錄中,然後我們重新整理首頁。看到沒?首頁logo被修改了。如果你覺得大小不合適,那麼我們開啟library目錄中的 page_header.lib 檢視原始碼,然後搜尋 images/logo.gif 然後看它後面 width=”130″ height=”56″ 把130和56改為相應的值就可以了,到前臺重新整理看看。到瀏覽器前臺重新整理,看看頁面有什麼變化。蝦米?沒有發現嗎?看看瀏覽器頭部啊,呵呵,是不是網站的標題被改變了?
哈哈,對,{$page_title}就是網站標題的標籤 ( 注: 標籤是從{開始到}結束哦,{和}屬於標籤的一部分 ). 整個ECshop的模板就是一個一個這樣的標籤組成了,控制網站內容和資料的動態顯示。
比如
({$keywords} )控制網站的關鍵字標籤,
{$description} :網站描述標籤 ,( 這就是模板中的標籤,每個標籤都會對應程式裡面的一個值,網站執行時模板引擎會來讀取模板頁面,然後把對應的標籤用對應的值進行替換,就顯示出我們看到的網站頁面了,明白了吧。這一段內容對於新手來說,可能一下子不能完全消化,還有什麼問題就留言,我會更新到這裡來) 大家不要著急,欲速則不達,呵呵,下面我們真正開始做ECshop的模板了,( 不懂HTML的觀眾準備好Dreamweaver哦 )
操作前提,將您當前使用的模板調整為default模板,然後清空快取。
接下來我們進入default目錄,可以看到以下檔案目錄:
*.dwt (表示其它.dwt檔案)
蝦米?難道你不相信這些就是模板嗎?好,那我證明給你看看.
我們把把images裡面的logo.gif檔案的名字,改為logo2.gif,然後
好接下來我們用dreamweaver開啟index.dwt檔案,在原始碼中搜尋 {$page_title} ,找到後,將{$page_title} 修改為 超級無敵的大賣場. 然後到
很簡單8,哈哈,大家真是冰雪聰明,孔明再世啊,這麼快就學會了,如果你上一步你操作很超級非常very的簡單的話,接下來的學習也時一樣的哦.接下來要怎麼改呢?廣告之後我們繼續。
…..黃金廣告位…歡迎購買……需要的話PM我…..(PS:人不能無恥到這個地步)….哈哈…
1. 我們到/themes/default目錄中,把index.dwt改名為index_bak.dwt, 然後用Dreamweaver新建一個HTML檔案,然後儲存到/themes/default目錄中,命名為 index.dwt, 好,我們重新整理前臺看看,哈哈,什麼也沒有哦. 好,在我們新建的index.dwt中找到<title>,我們把<title>和</title>中間的內容替換為:{$page_title},在<body>和</body>之間也放入一個{$page_title}, 重新整理前臺看看.嘿嘿,看到什麼了?網站標題被列印出來了吧?
如有操作時候有彈出對話方塊:
點選確定就可以了,:)
2. 接下來我們選擇視覺化介面編輯:然後在{$page_title}後面按Enter鍵換行,然後輸入: 商店公告:{$shop_notice} 到瀏覽器重新整理首頁重新整理看看,呵呵。商店公告被調出來了,可以去網站後臺
系統設定->商店設定->網店資訊->商店公告 修改內容,然後到瀏覽器再重新整理網站首頁看看,呵呵,商店公告是被動態掉出來的哦.
3. 好繼續在{$shop_notice}後面按Enter鍵換行,然後輸入
1. 網站快訊: 2. {foreach from=$new_articles item=article} 3. {$article.short_title} 4. {/foreach}
複製程式碼
注:
換行的地方按Enter鍵哦, 好重新整理前臺看看 ,呵呵,網站快訊被調出來了哦。
好我們再到網站後臺->文章管理->網站列表->新增文章,選擇 網站快訊這個分類,隨便新增一篇內容,完成後前臺重新整理看看。兩篇文章都被動態掉出來了哦。 |
註釋:
{foreach from=$new_articles item=article} : 迴圈的開始, {/foreach} : 迴圈的結束 $new_articles: 為要迴圈的東西,這裡為網站快訊 {$article.short_title} : 快訊標題的標籤 模式為: {foreach from=$post item=name} content {/foreach} {foreach from=$post item=name}和{/foreach}標籤中間可以任意新增要迴圈的內容content(可以為任意的東西),迴圈的次數受到 $post的限制(這裡要填什麼我都會告訴大家的.)name為當前這個迴圈的物件。方便呼叫資料。 |
以後這個迴圈我們會經常的用到哦. 還是不懂也沒有關係,每次遇到我都會講哪裡要怎麼設定的,多用就會了。
我們也可以這麼寫哦 , 注意: 在程式碼編輯的檢視裡面編輯
1. <table> 2. {foreach from=$new_articles item=article} 3. <tr><td> 4. {$article.short_title} 5. </td></td> 6. {/foreach} 7. </table>
複製程式碼
哈哈,儲存,重新整理首頁看看,表格被一行一行的迴圈出來了哦
第二章
一人得道,雞犬升天啊,謝謝ECshop將我提升為教程區版主 ,實在時榮幸啊,謝謝大家的支援, 謝謝我的膝上型電腦小Y,謝謝我的電腦桌,謝謝我的椅子,謝謝大家! 呵呵! ~Orz.
模板教程繼續啦!
不知道大家是學會用迴圈了呢,還是我的言語實在有問題,大家實在無法完成閱讀哦,居然大家都沒有問題,暫時心裡安慰,把他當做好事情,大家都會呼叫了,呵呵,那我們繼續迴圈呼叫商品了!
好,繼續在我們昨天的基礎上,我們在網站快訊的迴圈後面,按 Enter鍵, 輸入:商品列表,接著建立一個2行3列的表格,寬度為70%, 表格邊框為1(為了讓大家看清楚 ),起HTML程式碼如下
1. <p>商品列表</p> 2. <table width=”70%” border=”1″> 3. <tr> 4. <td>1</td> 5. <td>2</td> 6. <td>3</td> 7. </tr> 8. <tr> 9. <td>4</td> 10. <td>5</td> 11. <td>6</td> 12. </tr> 13. </table>
複製程式碼
注: ( 1,2,3,4,5,6這些個是序號,方便跟大家講解呢 )
在這裡,我們暫時先把下面這一行去掉(為了大家操作簡單),變成
1. <p>商品列表</p> 2. <table width=”70%” border=”1″> 3. <tr> 4. <td>1</td> 5. <td>2</td> 6. <td>3</td> 7. </tr> 8. </table>
複製程式碼
我們要迴圈的是列,也就是<td>,因此我們的迴圈標籤應該在<td> 和</td>的外面, 而2,和3應該是迴圈出來的東西,也就時我模板裡面只用保留 1 這個td就可以了,2 和3都要去掉,
於是就變成了下面的樣子
1. <p>商品列表</p> 2. <table width=”70%” border=”1″> 3. <tr> 4. <td>1</td> 5. </tr> 6. </table>
複製程式碼
好,現在我們開始加迴圈標籤,我們要呼叫的是精品推薦商品, 程式碼如下:
1. <p>商品列表</p> 2. <table width=”70%” border=”1″> 3. <tr> 4. {foreach from=$best_goods item=goods} 5. <td>{$goods.short_style_name}</td> 6. {/foreach} 7. </tr> 8. </table>
複製程式碼
注意了:foreach 表示下面的內容屬於要進行迴圈,from=$best_goods 表示迴圈的內容來自$best_goods,($best_goods是精品商品推薦的標籤 ) , item=goods 表示當前迴圈這一次的物件叫goods,你也可以改為其它的東東,當然{$goods.short_style_name}這個地方的goods也要相應的改了哦,{$goods.short_style_name} 表示goods 這個物件的商品名稱. 好了,我們儲存,前臺重新整理看一下啊。呵呵,精品商品被迴圈出來了吧?
接著,為了大家應用方便,我們把goods改為jingpinshangpin,程式碼如下:
1. <p>商品列表</p> 2. <table width=”70%” border=”1″> 3. <tr> 4. {foreach from=$best_goods item=jingpinshangpin} 5. <td>{$jingpinshangpin.short_style_name}</td> 6. {/foreach} 7. </tr> 8. </table>
複製程式碼
好前臺重新整理看看哦,呵呵,夷?如果你有很多的精品商品你會發現商品變了,因為精品商品是隨機調取出來的.
好我們繼續完善他,給它加上鍊接對應商品的連結,也就是新增<a>屬性, 程式碼如下:
1. <p>商品列表</p> 2. <table width=”70%” border=”1″> 3. <tr> 4. {foreach from=$best_goods item=jingpinshangpin} 5. <td><a href=”{$jingpinshangpin.url}”>{$jingpinshangpin.short_style_name}</a></td> 6. {/foreach} 7. </tr> 8. </table>
複製程式碼
重新整理瀏覽器,點選連結看看連結到什麼地方去了哦。呵呵! 連結到了每個產品自己的頁面了呢。 說明:標籤 {$jingpinshangpin.url} 就是精品商品的商品連結的標籤了,但是要記得哦,$jingpinshangpin 是你起的名字哦,item=$jingpinshangpin的這個 $jingpinshangpin改變了的話,這裡也要跟著改變。
接下來我們新增上商品的圖片哦 ,也就是增加一個<img>屬性 ,程式碼如下:
1. <p>商品列表</p> 2. <table width=”70%” border=”1″> 3. <tr> 4. {foreach from=$best_goods item=jingpinshangpin} 5. <td><a href=”{$jingpinshangpin.url}”><img src=”{$jingpinshangpin.thumb}” border=”0″ /><br>{$jingpinshangpin.short_style_name}</a></td> 6. {/foreach} 7. </tr> 8. </table>
複製程式碼
到前臺重新整理瀏覽器看看看,呵呵,商品縮圖也被調出來了。
說明:標籤 {$jingpinshangpin.thumb} 就是精品商品的縮圖的標籤了,但是要記得哦,$jingpinshangpin 是你起的名字哦,item=$jingpinshangpin的這個 $jingpinshangpin改變了的話,這裡也要跟著改變。
如果你已經熟練理解和掌握了以上的步驟,那麼下面就越來越清晰和容易了。
接下來我們調取新品上市(標籤為: $new_goods )和熱賣商品( 標籤為:$hot_goods) ,接著在剛才的程式碼後面加上去就是了。我就不多講了哦,程式碼如下
1. <p>新品上市</p> 2. <table width=”70%” border=”1″> 3. <tr> 4. {foreach from=$new_goods item=xinpinshangshi} 5. <td><a href=”{$xinpinshangshi.url}”><img src=”{$xinpinshangshi.thumb}” border=”0″ /><br> 6. {$xinpinshangshi.short_style_name}</a></td> 7. {/foreach} 8. </tr> 9. </table> 10. 11. <p>熱賣商品</p> 12. <table width=”70%” border=”1″> 13. <tr> 14. {foreach from=$hot_goods item=remaishangpin} 15. <td><a href=”{$remaishangpin.url}”><img src=”{$remaishangpin.thumb}” border=”0″ /><br> 16. {$remaishangpin.short_style_name}</a></td> 17. {/foreach} 18. </tr> 19. </table>
複製程式碼
接著我們要一個Menu選單,也就是做一個產品的分類列表出來。相信你現在至少知道分類的標籤是什麼,就知道要怎麼做了吧,呵呵.
分類的標籤是:$categories
程式碼如下:
1. <p>分類列表</p> 2. {foreach from=$categories item=fenlei} 3. <a href=”{$fenlei.url}”>{$fenlei.name}</a> 4. {/foreach}
複製程式碼
到前臺重新整理看看哦,呵呵,分類列表被調取出來了,我們試著在後臺多新增幾個一級分類,然後到首頁重新整理看看。
呵呵,我先去吃飯啦,吃完飯繼續寫如何把子分類呼叫出來,大家有問題多問哦,
吃飯回來了….(PS:這是怎麼地啊,呵呵!)
子分類的標籤是對應在父分類標籤來呼叫的.程式碼如下:
1. <p>分類列表</p> 2. {foreach from=$categories item=fenlei} 3. <a href=”{$fenlei.url}”> {$fenlei.name}</a> 4. {foreach from=$fenlei.children item=child} 5. <br>- – <A href=”{$child.url}”>{$child.name|escape:html}</A> 6. {/foreach} 7. {/foreach}
複製程式碼
儲存以後前臺重新整理看看呢。呵呵,怎麼樣?子分類也被呼叫出來了吧,當然可以根據自己的需要,加上不同的表格或者圖片的修飾哦,子分類是放在了父分類標籤的基礎上來呼叫的呢。
不過如果你的分類已經固定了很少改動,我建議還是做成死的,這樣可以做的更漂亮一些,比如每個分類直接是用圖片來代替。呵呵,我一般就是這麼處理的,我除了商品和新聞是動態呼叫出來的以外,其它的都是做成固定的死的,這樣就能夠設計的很漂亮,因為有時候受到程式碼的限制,做出來不是很好看。(…說的好模糊,您能理解嗎?不能的話就告訴我 ).
本來教程已經寫了好多了,但是很多地方寫的有點讓新手不是那麼容易接受,所以就一直在想辦法,如何講解的更簡單一些,能讓每個人都學會做模板。思考中…..
由於個人原因,今天教程停播一天,明天繼續,實在不好意思各位. ~Orz.
啊,今天的章節就算是結束啦,明天預告:
1.如何呼叫某個分類裡面的商品 2.如何製作商品展示頁面的模板 3.完善前面講的章節,並對大家提出的問題做出解答
今天我們來學習如何掉用某一個分類裡面的產品。 首先把 default資料夾中的category.dwt 的名字改為category_bak.dwt,然後新建一個category.dwt檔案. 然後插入下面的程式碼:
1. {foreach from=$goods_list item=goods} 2. <img src=”{$goods.goods_thumb}” border=”0″ /><br> 3. {$goods.goods_name} 4. {/foreach}
複製程式碼
注:$goods_list表示商品標籤
接著我們訪問這個頁面:(Ecshop的訪問網址/category.php?id=1)例如:http://localhost/ecshop/category.php?id=1 這樣我們就訪問到了分類id為1的商品了,我們也可以讓id=2就訪問到id = 2商品了,那如何看某個分類的id呢? 我們看後臺: 商品管理-》商品分類-》就可以看到商品分類的列表,然後把滑鼠指上去選擇新視窗開啟,就能在地址來裡面看到goods.php?act=list&cat_id=1這樣子的資訊,cat_id所等於的值就是這個分類的id了,然後就可以拿來調取了,呵呵。
好每次每次都把商品的列表調取出來了,那麼如何調取某一個商品的頁面呢? 首先把 default資料夾中的goods.dwt 的名字改為goods_bak.dwt,然後新建一個goods.dwt檔案. 然後插入下面的程式碼:
1. 商品圖片: <img src=”{$goods.goods_img}” /><br><br> 2. 商品名稱:{$goods.goods_style_name}<br><br> 3. 商品貨號:{$goods.goods_sn}<br><br> 4. 商品品牌: {$goods.goods_brand}<br><br> 5. 商品數量:{$goods.goods_number} 單位:{$goods.measure_unit}<br><br> 6. 新增時間:{$goods.add_time}<br><br> 7. 市場價格:{$goods.market_price}<br><br> 8. 本店價格:{$goods.shop_price_formated}<br><br> 9. 註冊使用者價格:{$rank_price.price}<br><br> 10. 註冊使用者價格:{$rank_price.price}<br><br> 11. 註冊使用者價格:{$rank_price.price}<br><br>
複製程式碼
接著我們訪問這個頁面:(Ecshop的訪問網址/goods.php?id=1)例如:http://localhost/ecshop/goods.php?id=1 這樣我們就訪問到了商品id為1的商品了,我們也可以讓id=2就訪問到id = 2商品了,那如何看某個商品的id呢?
我們看後臺:商品管理-》商品列表-》就可以看到商品品的列表,最前面那一欄就是商品的id了,,然後就可以拿來調取了,呵呵。
還有人在問品牌的,某一個品牌的商品怎麼呼叫,呵呵,下次有時間再講 更新啦!!
今天我們學習一下如何在首頁調取某個分類的商品: 注意了,這裡的修改有一些麻煩了哦:
首先你需要下載一套新的模板,比如blueksy 上傳到模板目錄 /themes/ 也就是 /themes/bluesky,
然後進入網站後臺->模板管理->模板選擇,選擇bluesky, 選擇OK, 然後到網站後臺 -> 模板管理 -> 設定模板 -> 分類下的商品 ( 點選分類下的商品前面的+號,然後選擇“主區域中間“,序號預設, 商品分類隨便選擇一個就可以了”,
然後填寫顯示的條數,填寫好後點選確定提交,( 注意: 有的朋友可能會遇到提交不了,是因為許可權問題,需要把bluesky的模板許可權改,然後再重新提交一次)。
這裡我增加了兩個,的資料是:主區域空間 0 手機 6
主區域空間 0 手機 6 我們在這裡增加了多少條記錄,對應首頁就可以調取多少個分類。
好接下來我們恢復模板為原來我們改過的default模板
在我們以前做的基礎上增加如下程式碼(也就是在原來程式碼的下面加上):
1. <p>第一個分類的<p> 2. <?php $this->assign(‘cat_goods’,$this->_var['cat_goods_1']); ?><?php $this->assign(‘goods_cat’,$this->_var['goods_cat_1']); ?><?php echo $this->fetch(‘library/cat_goods.lbi’); ?> 3. <p>第二個分類的<p> 4. <?php $this->assign(‘cat_goods’,$this->_var['cat_goods_3']); ?><?php $this->assign(‘goods_cat’,$this->_var['goods_cat_3']); ?><?php echo $this->fetch(‘library/cat_goods.lbi’); ?>
複製程式碼
這裡要注意了, 紅色的 1 代表你要顯示分類的分類的ID, 將它改為你需要的 剛才新增的ID就可以了 紅色的 3 代表你要顯示分類的分類的ID, 將它改為你需要的 剛才新增的ID就可以了
好了,儲存,前臺重新整理看看啊,呵呵.是不是我們要的分類就出來了,
看樣子改起來很簡單哦,不過每次都是這樣要操作兩個模板才能改還是有些麻煩,呵呵,等到高手進階的時候再來講怎麼做。
仔細一看還是有點不好的地方哦,就是樣子不好看啊,對不對?是預設模板的樣子,沒有關係啦,我們開啟 librasy目錄中的cat_goods.lbi檔案修改就可以了。修改要注意的地方上門講過了,不過這裡還是要再說明一些小問題
cat_goods.lbi的程式碼如下:
1. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″> 2. <div><img src=”../images/green_arrow.gif” width=”37″ height=”37″ alt=”" border=”0″ style=”vertical-align:middle” /><a href=”{$goods_cat.url}”>{$goods_cat.name|escape:html}</a></div> 3. <div> 4. <!–{foreach from=$cat_goods item=goods}–> 5. <table border=”0″ cellpadding=”3″ cellspacing=”1″ style=”float: left”> 6. <tr> 7. <td align=”center”><a href=”{$goods.url}”><img src=”{$goods.thumb}” border=”0″ alt=”{$goods.name|escape:html}” /></a></td> 8. </tr> 9. <tr> 10. <td><a href=”{$goods.url}” title=”{$goods.name|escape:html}”>{$goods.short_name|escape:html}</a><br /> 11. <!– {if $goods.promote_price neq “”} –> 12. {$lang.promote_price}<span>{$goods.promote_price}</span> 13. <!– {else}–> 14. {$lang.shop_price}<span>{$goods.shop_price}</span> 15. <!–{/if}–> 16. </td> 17. </tr> 18. </table> 19. <!–{/foreach}–> 20. <br style=”clear:both”/> 21. </div>
複製程式碼
這裡哦於一些奇怪的地方就是在標籤兩邊多了 <!– 和 –> 符號,這個是沒有關係的.刪除掉也沒有關係的啦
名稱 |
型別 |
備註(作用或意義) |
檔案(目錄)名可否更改 |
images |
目錄 |
存放模板圖片目錄 |
不可更改 |
library |
目錄 |
存放模板庫檔案目錄 |
不可更改 |
screenshot.png |
圖片 |
用於“後臺管理 -> 模板管理 -> 模板選擇”顯示模板縮圖。 |
不可更改 |
style.css |
css樣式表 |
|
不可更改 |
備註:模板檔案共22個(格式:.dwt)。 提醒: 1, 更改模板檔案裡面庫檔案的內容是無效的,頁面重新整理時,程式自動重新載入庫檔案內容到模板檔案裡(以庫檔案內容為準)。 2, 模板內所有id值為 ECS_ 開頭的都必須保留(和ajax相關)。 3, 非庫檔案內容不可放置到可編輯區域內,否則設定模板時,非庫檔案內容將被覆蓋刪除。 |
|||
brand.dwt |
模板檔案 |
商品品牌頁 |
不可更改 |
article.dwt |
模板檔案 |
文章內容頁 |
不可更改 |
article_cat.dwt |
模板檔案 |
文章列表頁 |
不可更改 |
catalog.dwt |
模板檔案 |
所有分類頁 |
不可更改 |
category.dwt |
模板檔案 |
商品列表頁 |
不可更改 |
compare.dwt |
模板檔案 |
商品比較頁 |
不可更改 |
flow.dwt |
模板檔案 |
購物車和購物流程頁 |
不可更改 |
gallery.dwt |
模板檔案 |
商品相簿頁 |
不可更改 |
goods.dwt |
模板檔案 |
商品詳情頁 |
不可更改 |
group_buy_goods.dwt |
模板檔案 |
團購商品詳情頁 |
不可更改 |
group_buy_list.dwt |
模板檔案 |
團購商品列表頁 |
不可更改 |
index.dwt |
模板檔案 |
首頁 |
不可更改 |
message.dwt |
模板檔案 |
資訊提示頁 |
不可更改 |
pick_out.dwt |
模板檔案 |
選購中心頁 |
不可更改 |
receive.dwt |
模板檔案 |
收貨確認資訊頁 |
不可更改 |
respond.dwt |
模板檔案 |
線上支付結果提示資訊頁 |
不可更改 |
search.dwt |
模板檔案 |
商品搜尋頁 |
不可更改 |
snatch.dwt |
模板檔案 |
奪寶奇兵頁 |
不可更改 |
tag_cloud.dwt |
模板檔案 |
標籤雲頁 |
不可更改 |
user_clips.dwt |
模板檔案 |
使用者中心頁 (包含:歡迎頁,我的留言,我的標籤,收藏商品,缺貨登記列表,新增缺貨登記。) |
不可更改 |
user_passport.dwt |
模板檔案 |
使用者安全頁(包含:會員登入,會員註冊,找回密碼。) |
不可更改 |
user_transaction.dwt |
模板檔案 |
使用者中心頁 (包含:個人資料,我的紅包,新增紅包,我的訂單,訂單詳情,合併訂單,訂單狀態,商品列表,費用總計,收貨人資訊,支付方式,其他資訊,會員餘額。) |
不可更改 |
備註:庫檔案共40個 (格式 .lbi) 提醒:檔名儘量儲存預設,否則在後臺管理將無法管理庫檔案或不可預見錯誤。 |
|||
ad_position.lbi |
庫檔案 |
廣告位 |
不可更改 |
bought_goods.lbi |
庫檔案 |
購買過此商品的人購買過哪些商品 |
不可更改 |
brand_goods.lbi |
庫檔案 |
品牌的商品 |
不可更改 |
brands.lbi |
庫檔案 |
品牌專區 |
不可更改 |
cart.lbi |
庫檔案 |
購物車 |
不可更改 |
cat_articles.lbi |
庫檔案 |
文章列表 |
不可更改 |
cat_goods.lbi |
庫檔案 |
分類下的商品 |
不可更改 |
category_tree.lbi |
庫檔案 |
商品分類樹 |
不可更改 |
comments.lbi |
庫檔案 |
使用者評論列表 (ajax載入comments_list.lbi庫檔案。) |
不可更改 |
comments_list.lbi |
庫檔案 |
使用者評論內容 |
不可更改 |
consignee.lbi |
庫檔案 |
收貨地址表單 |
不可更改 |
goods_article.lbi |
庫檔案 |
相關文章 |
不可更改 |
goods_attrlinked.lbi |
庫檔案 |
屬性關聯的商品 |
不可更改 |
goods_fittings.lbi |
庫檔案 |
相關配件 |
不可更改 |
goods_gallery.lbi |
庫檔案 |
商品相簿 |
不可更改 |
goods_list.lbi |
庫檔案 |
商品列表 |
不可更改 |
goods_related.lbi |
庫檔案 |
相關商品 |
不可更改 |
goods_tags.lbi |
庫檔案 |
商品標記 |
不可更改 |
group_buy.lbi |
庫檔案 |
首頁團購商品 |
不可更改 |
help.lbi |
庫檔案 |
網店幫助 |
不可更改 |
history.lbi |
庫檔案 |
商品瀏覽歷史 |
不可更改 |
invoice_query.lbi |
庫檔案 |
發貨單查詢 |
不可更改 |
member.lbi |
庫檔案 |
會員登入 (ajax載入member_info.lbi庫檔案。) |
不可更改 |
member_info.lbi |
庫檔案 |
會員登入表單和登入成功以後使用者賬戶資訊 |
不可更改 |
new_articles.lbi |
庫檔案 |
最新文章 |
不可更改 |
order_total.lbi |
庫檔案 |
訂單費用總計 |
不可更改 |
page_footer.lbi |
庫檔案 |
頁面腳部 |
不可更改 |
page_header.lbi |
庫檔案 |
頁面頂部 |
不可更改 |
pages.lbi |
庫檔案 |
列表分頁 |
不可更改 |
recommend_best.lbi |
庫檔案 |
精品推薦 |
不可更改 |
recommend_hot.lbi |
庫檔案 |
熱賣商品 |
不可更改 |
recommend_new.lbi |
庫檔案 |
新品推薦 |
不可更改 |
recommend_promotion.lbi |
庫檔案 |
促銷商品 |
不可更改 |
search_form.lbi |
庫檔案 |
搜尋表單 |
不可更改 |
snatch.lbi |
庫檔案 |
奪寶奇兵出價表單 (必須被id="ECS_SNATCH"包含實現ajax重新整理。) |
不可更改 |
snatch_price.lbi |
庫檔案 |
奪寶奇兵最新出價列表 (必須被id="ECS_PRICE_LIST"包含實現ajax重新整理。) |
不可更改 |
top10.lbi |
庫檔案 |
銷售排行 |
不可更改 |
ur_here.lbi |
庫檔案 |
當前位置 |
不可更改 |
user_menu.lbi |
庫檔案 |
使用者中心選單 |
不可更改 |
vote.lbi |
庫檔案 |
線上調查 |
不可更改 |
ECSHOP 佈局參考圖(適用版本v2.1.5+)
文章列表頁: article_cat.dwt
文章內容頁: article.dwt
商品品牌頁: brand.dwt
所有分類頁: catalog.dwt
商品列表頁: category.dwt
商品比較頁: compare.dwt
購物車和購物流程頁: flow.dwt
商品相簿頁: gallery.dwt
商品詳情頁: goods.dwt
團購商品詳情頁: group_buy_goods.dwt
團購商品列表頁: group_buy_list.dwt
首頁: index.dwt
資訊提示頁: message.dwt
選購中心頁: pick_out.dwt
收貨確認資訊頁: receive.dwt
線上支付提示資訊頁: respond.dwt
商品搜尋頁: search.dwt
奪寶奇兵頁: snatch.dwt
標籤雲頁: tag_cloud.dwt
使用者中心頁(包含:歡迎頁,我的留言,我的標籤,收藏商品,缺貨登記列表,新增缺貨登記。): user_clips.dwt
使用者安全頁(包含:會員登入,會員註冊,找回密碼。): user_passport.dwt
使用者中心頁 (包含:個人資料,我的紅包,新增紅包,我的訂單,訂單詳情,合併訂單,訂單狀態,商品列表,費用總計,收貨人資訊,支付方式,其他資訊,會員餘額。): user_transaction.dwt
常見問題解答:
1. 怎麼讓首頁顯示的每行3個商品能夠按照普通屏或者寬屏,自動的縮放。 答:把表格寬度設定為百分比,或者在Css中設定為百分比就好了。 2. 又或者改成每行固定4個顯示 ? 答:到網站後臺 -> 模板管理 -> 設定模板 3 .首頁圖片大小是多少?圖片點選放大後為什麼失真這麼厲害?怎麼讓圖片自動調節大小? 答:有兩種方法哦,第一種就是到網站後臺,重新設定縮圖的大小,然後再批量重新生成縮圖 第二中方法就是把圖片顯示的高和寬都去掉(即:把width=***,height=***刪除掉),它就顯示原始的大小了. |