Breaking News: Grepper is joining You.com. Read the official announcement!

Woocommerce Javascript events

Add Answer

Strange Squirrel answered on August 19, 2022 Popularity 7/10 Helpfulness 4/10

answer Woocommerce Javascript events

related Woocommerce Javascript events

Woocommerce Javascript events

Comment

Woocommerce Checkout JS events

// Woocommerce Checkout JS events
$( document.body ).trigger( 'init_checkout' );
$( document.body ).trigger( 'payment_method_selected' );
$( document.body ).trigger( 'update_checkout' );
$( document.body ).trigger( 'updated_checkout' );
$( document.body ).trigger( 'checkout_error' );
$( document.body ).trigger( 'applied_coupon_in_checkout' );
$( document.body ).trigger( 'removed_coupon_in_checkout' );

// Woocommerce cart page JS events
$( document.body ).trigger( 'wc_cart_emptied' );
$( document.body ).trigger( 'update_checkout' );
$( document.body ).trigger( 'updated_wc_div' );
$( document.body ).trigger( 'updated_cart_totals' );
$( document.body ).trigger( 'country_to_state_changed' );
$( document.body ).trigger( 'updated_shipping_method' );
$( document.body ).trigger( 'applied_coupon', [ coupon_code ] );
$( document.body ).trigger( 'removed_coupon', [ coupon ] );

// Woocommerce Single product page JS events
$( '.wc-tabs-wrapper, .woocommerce-tabs, #rating' ).trigger( 'init' );

// Woocommerce Variable product page JS events
$( document.body ).trigger( 'found_variation', [variation] );

// Woocommerce Add to cart JS events
$( document.body ).trigger( 'adding_to_cart', [ $thisbutton, data ] );
$( document.body ).trigger( 'added_to_cart', [ response.fragments, response.cart_hash, $thisbutton ] );
$( document.body ).trigger( 'removed_from_cart', [ response.fragments, response.cart_hash, $thisbutton ] );
$( document.body ).trigger( 'wc_cart_button_updated', [ $button ] );
$( document.body ).trigger( 'cart_page_refreshed' );
$( document.body ).trigger( 'cart_totals_refreshed' );
$( document.body ).trigger( 'wc_fragments_loaded' );

// Woocommerce Add payment method JS events
$( document.body ).trigger( 'init_add_payment_method' );

// To bind listener to these events, use:
jQuery('<event_target>').on('<event_name>', function(){
    console.log('<event_name> triggered');
});

// For Example
jQuery('body').on('init_checkout', function(){
    console.log('init_checkout triggered');
    // now.do.whatever();
});

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: wordpress.stackexchange.com

Tags: javascript javascript-events woocommerce

Link to this answer
Share Copy Link

Contributed on Jun 01 2023

Strange Squirrel

0 Answers Avg Quality 2/10

Closely Related Answers

Woocommerce Javascript events

Comment

// Woocommerce Checkout JS events
$( document.body ).trigger( 'init_checkout' );
$( document.body ).trigger( 'payment_method_selected' );
$( document.body ).trigger( 'update_checkout' );
$( document.body ).trigger( 'updated_checkout' );
$( document.body ).trigger( 'checkout_error' );
$( document.body ).trigger( 'applied_coupon_in_checkout' );
$( document.body ).trigger( 'removed_coupon_in_checkout' );

// Woocommerce cart page JS events
$( document.body ).trigger( 'wc_cart_emptied' );
$( document.body ).trigger( 'update_checkout' );
$( document.body ).trigger( 'updated_wc_div' );
$( document.body ).trigger( 'updated_cart_totals' );
$( document.body ).trigger( 'country_to_state_changed' );
$( document.body ).trigger( 'updated_shipping_method' );
$( document.body ).trigger( 'applied_coupon', [ coupon_code ] );
$( document.body ).trigger( 'removed_coupon', [ coupon ] );


// Woocommerce Single product page JS events
$( '.wc-tabs-wrapper, .woocommerce-tabs, #rating' ).trigger( 'init' );

// Woocommerce Variable product page JS events
$( document.body ).trigger( 'found_variation', [variation] );

// Woocommerce Add to cart JS events
$( document.body ).trigger( 'adding_to_cart', [ $thisbutton, data ] );
$( document.body ).trigger( 'added_to_cart', [ response.fragments, response.cart_hash, $thisbutton ] );
$( document.body ).trigger( 'removed_from_cart', [ response.fragments, response.cart_hash, $thisbutton ] );
$( document.body ).trigger( 'wc_cart_button_updated', [ $button ] );
$( document.body ).trigger( 'cart_page_refreshed' );
$( document.body ).trigger( 'cart_totals_refreshed' );
$( document.body ).trigger( 'wc_fragments_loaded' );

// Woocommerce Add payment method JS events
$( document.body ).trigger( 'init_add_payment_method' );

// To bind listener to these events, use:
jQuery('<event_target>').on('<event_name>', function(){
    // do something. . .
});

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: events ev

Link to this answer
Share Copy Link

Contributed on Aug 19 2022

Epaulette

0 Answers Avg Quality 2/10

Woocommerce Javascript events

Contents

More Related Answers

Woocommerce Javascript events

Closely Related Answers

Woocommerce Javascript events

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.