覆盖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'; 
    }