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

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

發表於: 2015-04-17 最後更新: 現在時間:2021-02-26 00:24:24
在 ECSHOP 的版型中模版(dwt) 要調用樣版(.lbi) 可以使用<!-- #BeginLibraryItem "/library/*****.lbi" --><!-- #EndLibraryItem -->的方式來調用,若是在 lbi 要調用 lbi 就要使用 {include file='library/load.lbi'} 才能順利調用,如果是模版中的資料夾,如:CSS、JS或圖片檔,容易產生路徑錯誤的問題,因此調用時建議以絕對路徑來設定路徑,如:themes/模版名稱/css/檔案名稱.css、themes/模版名稱/js/檔案名稱.js、themes/模版名稱/images/檔案名稱.jpg 等...

有些時候會將CSS或Javascript直接寫在檔案中,這時候就必須注意標籤的書寫方式,除了 smarty 的標籤外,其餘的 { 和 } 不可以寫在同一行,否則會被當成 smarty 的標籤解析,而 smarty 的普通標籤是不會顯示錯誤的...

因為jquery可以給網站增加一些動態效果,所以或多或少都會用到jquery庫,同樣是jquery版本確有好幾個,因此也容易產生jquery版本衝突的問題,在版本不多的情況下,讓較舊的版本最後載入就可以解決,另外使用 jruery 的命名空間是比較好的方式,例如:
<script type="text/javascript" src="{$template_dir}js/jquery1.4.2.min.js"></script>
<script type="text/javascript">
    var jquery_142 = jQuery.noConflict(true);
</script>

<script type="text/javascript" src="{$template_dir}js/jquery1.6.2.min.js"></script>
<script type="text/javascript">
    var jquery_162 = jQuery.noConflict(true);
</script>

<script type="text/javascript" src="{$template_dir}js/jquery1.7.2.min.js"></script>
<script type="text/javascript">
    var jquery_172 = jQuery.noConflict(true);
</script>

<script type="text/javascript" src="{$template_dir}js/jquery1.8.3.min.js"></script>
<script type="text/javascript">
    var jquery_183 = jQuery.noConflict(true);
</script>

這樣一來就不會有衝突的問題了...
對於本站文章有任何問題或建議歡迎到 : 討論區寫信給我
本站提供ECSHOP技術支援, 是網路開店最佳選擇 ,最後更新時間: 現在時間:2021-02-26 00:24:24