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