登入 註冊
 

2、ECSHOP響應式網頁製作-檢查是否可用 jquery
閱讀 1469 次 0 會員 與 1 訪客 正在閱讀本文。
十一月 12, 2016, 04:05:31 下午
因為大部分響應式前端框架都必須依賴 jquery,因此你的網站也必須能用 jquery,才能順利使用 BootStrap 來製作響應式網頁,這篇教學主要是確認你的網站能順利執行 jquery,有些模板本身已經內建或修改支援 jquery 庫,因此必須先確認,否則可能產生版本衝突問題,請在模板目錄的 library/page_footeer.lbi 最後加入:
代碼: [選擇]
<script type="text/javascript">
    alert(jQuery);
</script>
存檔後切換至任一商品詳情頁,如果彈出類似下圖視窗且購物流程正常,表示你的模板已經使用 jquery 庫,可以掠過ECSHOP與JQUERY的衝突問題


如果完全沒反應,請先參考這篇 http://we-shop.net/bbs/index.php?topic=2216.0 ,或網路自行尋找教學,先讓ECSHOP支援JQUERY才能繼續後面的教學...

當你的ECSHOPECSHOP支援JQUERY,接下來就是要載入 BootStrap 的相關檔案了  ,載入 BootStrap 可以用CDN的方式也可以將檔案放在自己的空間,若是要將檔案放在自己的空間請先進入官網 http://v3.bootcss.com/getting-started/#download 下載 bootstrap-3.3.0-dist.zip,解壓縮之後如圖:



進入 jquery 官網 http://jquery.com/download/ 下載最新的 jquery 庫,存到 js 目錄內



最後將 css、fonts、js 三個資料夾複製到模板目錄內

記錄