我的ECshop二次開發從零開始

huidaoli發表於2013-07-25

  我是一個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=***刪除掉),它就顯示原始的大小了.

 

相關文章