COVID-19【新冠病毒、武漢肺炎】即時資訊:全球疫情台灣疫情
目前位置: 首頁 > ECSHOP響應式模版設計 > ECSHOP 模版調用詳解(上)

ECSHOP 模版調用詳解(上) 超大 稍大 微大

發表於: 2015-04-16 最後更新: 現在時間:2021-03-04 05:49:10
ECSHOP 的版型分為模版(dwt)與樣版(.lbi),兩者都是HTML內容,其中包含許多由PHP程式傳過來的樣版標籤,但是不論HTML或是樣版標籤在模版(dwt)與樣版(.lbi)之間都是相通的而樣版是將一些可以共用的區塊獨立出來,可以同時提供給多個dwt調用,就像page_header.lbi一樣,是每個頁面共用的頭部,因此在修改版面時,只需更改 page_header.lbi 一個檔案,所有頁面的頭部便隨之更改,這樣是不是很方便...

一個 dwt 可以包含多個 lbi,而 dwt 用來負責整體頁面的佈局並提供樣版的動態佈局,只會使用一次的程式碼也會直接寫在 dwt 中,而 dwt 有 { 和 } 包圍的字串就是樣版引擎的變數,你可以因應需要隨意移動位置,但是不能隨意更改其內容,否則將導致顯示錯誤,對於不想顯示的標籤建議使用smarty的註解方式({*樣版引擎的變數*}),而不是直接刪除...

接下來以 index.dwt 為例,說明模版檔中應該如何調用樣版(省略HTML標籤):
{$keywords} 網站關鍵字
{$description} 網頁描述
{$page_title} 頁面標題

{$ecs_css_path} 樣式表檔案路徑

{insert_scripts files='common.js,index.js'} 載入javascript(相對於根目錄的JS資料夾)

<!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->包含頁首樣版檔(相對於模版目錄)

{$shop_notice} 網站公告

<!-- TemplateBeginEditable name="左邊區域" --> 可編輯區域,裡面的樣版檔,都可以在後台的模版設置中任意指定位置,當存檔時,此區域的內容也會被重寫...
<!-- #BeginLibraryItem "/*****.lbi" --><!-- #EndLibraryItem -->
<!-- #BeginLibraryItem "/library/category_tree.lbi" --> <!-- #EndLibraryItem --> 產品分類
<!-- #BeginLibraryItem "/library/top10.lbi" --><!-- #EndLibraryItem --> 銷售排行
<!-- #BeginLibraryItem "/library/promotion_info.lbi" --><!-- #EndLibraryItem --> 特價資訊
<!-- #BeginLibraryItem "/library/order_query.lbi" --><!-- #EndLibraryItem --> 訂單查詢
<!-- #BeginLibraryItem "/library/invoice_query.lbi" --><!-- #EndLibraryItem --> 出貨單差尋
<!-- #BeginLibraryItem "/library/vote_list.lbi" --><!-- #EndLibraryItem --> 線上投票
<!-- #BeginLibraryItem "/library/email_list.lbi" --><!-- #EndLibraryItem --> 郵件訂閱
<!-- TemplateEndEditable --> 結束可編輯區域

<!-- #BeginLibraryItem "/library/index_ad.lbi" --><!-- #EndLibraryItem --> 首頁主廣告

<!-- TemplateBeginEditable name="站內快訊上廣告位(寬:210px)" --> 可編輯區域
<!-- TemplateEndEditable -->

<!-- #BeginLibraryItem "/library/new_articles.lbi" --><!-- #EndLibraryItem --> 最新消息

 <!-- #BeginLibraryItem "/library/recommend_promotion.lbi" --><!-- #EndLibraryItem --> 今日特價

<!-- #BeginLibraryItem "/library/brands.lbi" --><!-- #EndLibraryItem -->品牌

<!-- TemplateBeginEditable name="右邊主區域" -->可編輯區域
<!-- #BeginLibraryItem "/library/recommend_best.lbi" --><!-- #EndLibraryItem -->精品
<!-- #BeginLibraryItem "/library/recommend_new.lbi" --><!-- #EndLibraryItem -->新品
<!-- #BeginLibraryItem "/library/recommend_hot.lbi" --><!-- #EndLibraryItem -->熱賣
<!-- #BeginLibraryItem "/library/auction.lbi" --><!-- #EndLibraryItem -->拍賣商品
<!-- #BeginLibraryItem "/library/group_buy.lbi" --><!-- #EndLibraryItem -->團購
<!-- TemplateEndEditable -->

<!-- #BeginLibraryItem "/library/help.lbi" --><!-- #EndLibraryItem -->商店幫助

<!-- #BeginLibraryItem "/library/links.lbi" --><!-- #EndLibraryItem -->友情連結

<!-- #BeginLibraryItem "/library/page_footer.lbi" --><!-- #EndLibraryItem -->底部樣版

從上面的說明可以看出一個dwt是包含了多個lbi的,所以在修改模版時,只需修改lbi就可以讓整個網站包含此樣版的頁面同時更改,除非需要更改佈局,否則盡量不修改dwt,因為一旦更改了佈局,可能同時造成多處版面異位,導致牽一髮動全身的後果,即使非改不可,也應注意可編輯區域,才不至於徒勞無功.

本站對於加入VIP的虛擬主機會員提供了模版的局部修改協助,請多加利用,如果你在修改模版或使用虛擬主機過程中遇到問題,除了寫信給我(andy@we-shop.net),也可以在討論區發問....
對於本站文章有任何問題或建議歡迎到 : 討論區寫信給我
本站提供ECSHOP技術支援, 是網路開店最佳選擇 ,最後更新時間: 現在時間:2021-03-04 05:49:10