作者 主題: 讓現有ECSHOP支援JQUERY  (閱讀 1859 次)

0 會員 與 1 訪客 正在閱讀本文。

離線 andy

  • 管理員
  • 正式會員
  • *****
  • 積分 +1/-0
  • 性別: 男
    • 原來如此
讓現有ECSHOP支援JQUERY
« 於: 十月 30, 2016, 03:54:02 下午 »
目前由於手機的普遍性,因此很多 ECSHOP 的購物網站都還存在著與 JQUERY 衝突的問題,而仍然無法使用 JQUERY 的功能與特效,由於許多響應式的前台框架都必須依賴 JQUERY,若是你的網站不能使用 JQUERY 就不能使用這些前台框架帶來的方便性,在 SEO方面,也會因為網頁不具響應式設計導致排名下降,間接影響訂單量,因此強烈建議如果你的 ECSHOP 的購物車如果還不支援 JQUERY 的話,應該盡早修改:

雖然只有四個步驟,但還是要做好備份...
1、修改檔案:js/transport.js
在檔案最後面加入:
代碼: [選擇]
if (Object.prototype.to JSONString){
    var oldToJSONString = Object.toJSONString;
    Object.prototype.to JSONString = function(){
        if (arguments.length > 0){
            return false;
        }else{
            return oldToJSONString.app ly(this, arguments);
        }
    }
}

2、修改檔案: js/compare.js
尋找:
代碼: [選擇]
this.timer = window.setInterval(this.relocation.bin d(this), 50)約 120;
取代為:
代碼: [選擇]
this.timer = window.setInterval(this.bind(this.relocation,this), 50);
再尋找(約136):
代碼: [選擇]
lastScrollY : 0
在代碼上面一行增加:
代碼: [選擇]
        bind : function(obj1,obj2) { return function() {
            obj1.apply(obj2, arguments);
        }
    },

3、在以下模板檔案中,找到類似 {insert_scripts files='common.js,global.js,compare.js'} 的代碼,刪除所有嵌入global.js,如:{insert_scripts files='common.js,compare.js'}
代碼: [選擇]
brand.dwt
brand_list.dwt
category.dwt
exchange_list.dwt
search.dwt

4、修改檔案:themes/現用模板/library/page_header.lbi,在第二行加入:
或 themes/現用模板/library/page_footer.lbi,最後加入:
代碼: [選擇]
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">var $$=jQuery.noConflict();</script>
注意,以後調用JQUERY物件時要用$$或自行命名,不要用$,因為$與ECSHOP原有的函數同名有兼容問題。
jquery.js 請自行上傳(最新版本)至網站根目錄的  js 資料夾內
« 上次編輯: 十一月 12, 2016, 03:46:44 下午 由 andy »
LINE ID:ecshop_weshop
Email:andy@we-shop.net
聯絡我:https://we-shop.net/contactus.php