WooCommerceのフロントエンドJavascriptをオーバーライドする

Question

誰かがWooCommerceのコアJavascriptファイル、特にフロントエンドファイルをオーバーライドする適切な方法について教えてもらえますか？私はこれに関するドキュメントを見つけておらず、コードを見て、フロントエンドのスクリプトファイルへのパスはプラグインでハードコードされていますので、私のテーマにアセットフォルダを置くことは何もしません。

私のテーマディレクトリにあるファイルを読み込めるようにするための最もクリーンな方法は何ですか？

おかげ

Answer 1

私はアドオンに-cart.jsを除いて同じ問題を抱えていました。シンプルな解決策は、woocommerceスクリプトをDEQUEUEにして、あなたの取り替えを保留することです。私の場合、私は私のの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-アドオンに-カート-変動」スクリプトをデキューしたいと思います。私はあなたがと同じ名前でを持っているとは思わないが、理由がわからない。

これが役に立ちます。

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

がclass-wc-frontend-scripts.phpファイルであなたの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負荷のフロントエンドスクリプトとスタイルをこのセクションを追加し、スクリプトが登録されているどのようにそこに見つけることができます：あなたは、次のスクリプトを使用することができますローカライズされた依存関係が含まれます。

Wordpressでスクリプトをエンキューするのに好ましい場所は、Wordpressが完全にロードされてから出力が行われるまでの瞬間なので、wp_enqueue_scriptsアクションフックです。また、私は関連するすべてのスクリプトとスタイルをコードの1つのセクションにエンキューするのが好きです。

一部のスクリプトを完全に削除する場合は、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'; 
    }