覆蓋WooCommerce前端Javascript

Question

有人可以指導我什麼是重寫WooCommerce核心JavaScript文件，特別是前端文件的正確方法。我還沒有找到任何關於此的文檔並查看代碼，前端腳本文件的路徑在插件中是硬編碼的，所以我懷疑在我的主題中放置資源文件夾會執行任何操作。

什麼是最乾淨的方式，以便我可以加載位於我的主題目錄中的文件？

謝謝

Answer 1

我有同樣的問題，除了add-to-cart.js。簡單的解決方案是DEQUUE的woocommerce腳本和ENQUEUE你的替代品。在我來說，我增加了以下我的functions.php：

wp_dequeue_script('wc-add-to-cart'); 
wp_enqueue_script('wc-add-to-cart', get_bloginfo('stylesheet_directory'). '/js/add-to-cart-multi.js' , array('jquery'), false, true); 

你會想離隊的「WC-添加到購物車-變化」腳本。我不認爲你有 ENQUEUE具有相同的名稱，但我看不出一個理由不。

希望這會有所幫助。

如果您使用WordPress版本4.0.1和WooCommerce版本2.2.10。您可以使用以下腳本：

 

wp_deregister_script('wc-add-to-cart'); 
wp_register_script('wc-add-to-cart', get_bloginfo('stylesheet_directory'). '/js/add-to-cart-multi.js' , array('jquery'), WC_VERSION, TRUE); 
wp_enqueue_script('wc-add-to-cart'); 
 

Answer 2

添加本節進行到您的function.php

function themeslug_enqueue_script() { 
wp_enqueue_script('add-to-cart-variation', get_bloginfo('url'). '/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.js', false); 
} 
add_action('wp_enqueue_scripts', 'themeslug_enqueue_script'); 

Answer 3

WooCommerce負載前端腳本和樣式在class-wc-frontend-scripts.php文件，並有可以發現腳本是如何註冊，排隊，本地化和依賴關係。

在Wordpress中排隊腳本的首選位置是wp_enqueue_scripts動作鉤子，因爲那是在Wordpress完全加載之後但在執行任何輸出之前的時刻。而且我喜歡將所有相關的腳本和樣式排入代碼的一個部分。

當您想要完全刪除一些腳本時，調用wp_deregister_script()或wp_dequeue_script()就足夠了。但有時候，如果想進行一些更改並保留現有的依賴關係，變量和本地化，則會出現問題，因爲插件會在主題之前加載。所以入隊函數不會像你期望的那樣工作。簡單wp_dequeue_script() => wp_enqueue_script()將not work,wp_deregister_script() => wp_register_script（）將工作，但本地化的數據將丟失。

add_action('wp_enqueue_scripts', 'load_theme_scripts'); 

    function load_theme_scripts() { 
     global $wp_scripts; 
     $wp_scripts->registered[ 'wc-add-to-cart' ]->src = get_template_directory_uri() . '/woocommerce/js/wc-add-to-cart.js'; 
    }