Javascript Event Triggers for Before and After Loading of the Wholesale Order Form

Table Of Contents

    In our WooCommerce Wholesale Order Form version 1.13, we introduced new Javascript event triggers for before and after loading of the Wholesale Order Form.

    These new event triggers are useful for shops that have custom Javascript functionalities. With this new feature, they can easily customize their Wholesale Order Form.

    List of Triggers:

    • trigger: before_load_product_listing
      element: #wwof_product_listing_container
      parameters: [ paged , search , catFilter , $shortcodeAtts , first_load ]
    • trigger: after_load_product_listing
      element: #wwof_product_listing_container
      parameters: [ paged , search , catFilter , $shortcodeAtts , first_load ]
    • trigger: found_variation
      element: #wwof_product_listing_table tbody tr
      parameter: [ new_variation ] (this contains data of new selected variation)

    Example Usage

    You can use the javascript event triggers like so:

    jQuery( '#wwof_product_listing_container' ).on( 
        'before_load_product_listing', 
        function(e, paged, search , catFilter , atts , first ) {
            console.log( paged );
            console.log( search );
            console.log( catFilter );
            console.log( atts );
            console.log( first );
        }
    );

    Replace the console logs with whatever you want your code to do when this event happens.

    Having an issue?

    If you are still running into problems with the new event triggers, feel free to reach out to our friendly support team for advice.

    in WooCommerce Wholesale Order Form
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']