2015-03-31 68 views
1

我現在正在網站上工作,並且有一些我想要更改的文本。該網站在標題中具有搜索功能,並且在輸入字段中鍵入3或4個字符後,產品列表會下拉列出產品名稱中包含這些字符的產品(類似於:http://www.lightexports.com/)。我想更改顯示在列表底部的文字「查看所有結果」。Bigcommerce - 在函數執行後是否可以更改文本?

我試過使用.replace()函數,但是不起作用,我不能使用window.onload,因爲如果你從不使用搜索,那麼代碼永遠不會被加載到網站上。顯示產品列表和我想要更改的文本的代碼僅在您開始在搜索欄中輸入後出現。

**注:我使用的平臺是Bigcommerce,只允許HTML,CSS和JavaScript。

任何幫助,非常感謝。預先感謝和快樂的編碼!

+0

對於在js中動態創建的元素,您必須委派事件。 – miglio 2015-04-01 14:34:25

回答

1

我已經想通了。最好way7做到這一點:

  1. 下載quicksearch.js文件加載在您的網站 - 這是排隊Snippets/QuickSearchJS.html,您可以通過導航到yourstore.com/javascript/quicksearch.js下載。

  2. 這個文件上傳到你的WebDAV文件夾/template/js/

  3. 在你Snippets/QuickSearchJS.html片段文件中,您可以參閱Bigcommerce後端「設計>編輯HTML/CSS」頁面編輯,註釋掉原來<script>標籤,並添加一個標記,指向您上傳到WebDav的JS文件。新Snippets/QuickSearchJS.html文件應該是這樣的:

    <!-- <script type="text/javascript" src="%%GLOBAL_CdnAppPath%%/javascript/quicksearch.js?%%GLOBAL_JSCacheToken%%"></script> --> 
        <script type="text/javascript" src="%%ASSET_js/quicksearch.js%%?%%GLOBAL_JSCacheToken%%"></script> 
    

(是的,我知道的語法看起來很奇怪,但僅僅是因爲使用資產的途徑和方式cachetoken還必須有%%此語法正確)

  • 在你通過WebDAV上傳到您的js文件夾中的quicksearch.js,編輯以下行,左右線184-195:

    if(all_results_count) 
        { 
         var tr = document.createElement('TR'); 
         var td = document.createElement('TD'); 
         tr.className = "QuickSearchAllResults"; 
         tr.onmouseover = function() { QuickSearch.over_all = true; }; 
         tr.onmouseout = function() { QuickSearch.over_all = false; }; 
         td.colSpan = 2; 
         td.innerHTML = $('viewmoreurl', response).text(); 
         tr.appendChild(td); 
         popup.appendChild(tr); 
        } 
    
  • ,使它們看起來就像這樣:

     if(all_results_count) 
         { 
          var tr = document.createElement('TR'); 
          var td = document.createElement('TD'); 
          tr.className = "QuickSearchAllResults"; 
          tr.onmouseover = function() { QuickSearch.over_all = true; }; 
          tr.onmouseout = function() { QuickSearch.over_all = false; }; 
          td.colSpan = 2; 
          td.innerHTML = 'YOUR NEW CUSTOM TEXT/NAME FOR THE "View All Results" LINK GOES HERE'; 
          tr.appendChild(td); 
          popup.appendChild(tr); 
         } 
    

    把「查看所有結果」鏈接你的新名字在「和」之間在該行開頭td.innerHTML =

  • 現在只需保存並刷新您的頁面,並且您的文本將在本地更改,而無需編寫JS並監視事件或委派任何操作。

  • 請讓我還是知道這幫助,如果您有任何問題。

    相關問題