個人ECshop二次開發從零開始

  我是一個EC新手,EC就算作再多的模板,確定也知足不了咱們的須要,更況且各行有各行的門道,EC統一作出來的模板也不必定合適於咱們這個行業用,所以,只有咱們真正掌握了本身作模板,修改模板的功夫,才能真正的打造適合本身的電子商務平臺,真正打造符合本身行業內的客戶習慣的電子商務平臺。php

  首先歡迎各位瀏覽本教程,恭喜你們使用 ECshop,!EC有多好,ECshop是PHP構建的,PHP的應用我也不想多說了(亞馬遜:amazon.com,雅虎:yahoo.com,百度:baidu.com淘寶:taobao.com新浪:sina.com,騰訊:qq.com),(ps: ECshop成功了!在這一刻,他是偉大電子商務的傳承,他不是一我的在戰鬥,他不是一我的 -_-!!! ) 我也很少講了你們都知道,不過有時候熱愛潛水的我真的時是實在忍不住要跳出來講兩句.css

  本教程適用於瞭解 ECshop 和 ECshop模板DIY 以及它們的平常使用,在查看前閣下須要至少會使用一種編輯器(exp:Dreamweaver, editplus, emacs, vi, ee …意思就是可視化的HTML編輯器或者直接文本編輯器,我在講的時候用Dreamwaver來說,這樣比較適合初學者和設計師)。 這個教程目前由我一我的維護,但我相信,過不了多久就會有多人 持續地 維護。其中的內容須要不斷地更新。若是您有興趣參加,嘿嘿,PM我。咱們一塊兒爲你們服務啊.html

  經過對本教程的學習,只要您邊看邊跟着作,必定可以學會本身作模板的。:)ajax

  下列章節的適用於ECshop程序。 同時這裏許多內容和一些 Smarty相關。 假如您已經熟悉這些內容可跳過不閱讀。假如您是ECshop新手而且想diy一下本身的店鋪, 那您應該認真詳細地從頭至尾讀一遍這些章節。( ps: 你們沒關係張,我會盡可能用人類的語言和你們交流,實在萬不得已纔會用機器語言展現給你們 ) 但願你們可以經過本教程,想要什麼模板都能本身作出來。哈哈!一塊兒加油吧!瀏覽器

第一章節:緩存

讀取這些內容,您將瞭解:安全

     一、每一個前臺頁面所對應的模板頁面,模板文件的目錄結構。

   二、 一些最基本的ECshop模板修改方法。編輯器

   三、 模板的路徑以及相關包含文件的方法(深刻了解Dreamweaver模板製做)。佈局

   四、一些經常使用模板例子講解.post

  模板存放路徑: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=***刪除掉),它就顯示原始的大小了.

相關文章
相關標籤/搜索