Updating woocommerce Shipping Method via ajax

Question

I am building a food ordering website using Wordpress and Woocommerce. So far I have been doing good but got stuck at one point where the Shipping method should be chosen automatically.

What is the flow like? The user visits my websites and enters the zip code of delivery address and then my website shows the restaurants which deliver in that zip code. Some restaurants deliver in that zip code in less time and less shipping charges but some take more time and take more shipping charges.

What I have done so far is that I fetch the shipping codes from the database any restaurant delivers to. If the user's zip code doesn't exist in the list we alert else we move forward.

Next step is to fetch all the restaurants that deliver in that zip code in less delivery time and then restaurants that deliver in that zip code in more delivery time. Based on less or more delivery time I mark the user in Zone A or Zone B respectively.

I have flat rate shipping methods created for Zone A and Zone B which can be selected from the drop down in the Cart/Checkout Page. Now here it what the trouble is.

The user shouldn't select what the shipping rate would be. It should be automatically selected and applied based on what Zone the user has been marked into.

This automatic updating is not what I am able to achieve.

What I have tried?

The right process should be to put this Zone into Woocommerce session and it should be picked automatically and applied when the user reaches the cart or checkout page.

I am not able to find the right method to call which could trigger the ajax call to update shipping. Any ideas would be helpful.

Regards

Similar Thread on Stackoverflow

Trevor Miles Wagner Trevor Miles Wagner · Accepted Answer · 2015-11-24T19:20:03

Use $(body).trigger('update_checkout'); in your JS. This will fire off a request to WC_AJAX->update_order_review, which will then pick up all the form data in the checkout area. If you need to pass any custom data, add a hidden input to the checkout and it should allow you to pass a value along through the $_POST data.

From there, if you need to mess with available methods and the session settings, you can do what I did and overwrite the shipping_html function in cart-shipping.php, like so.

function woo_new_cart_shipping_html()
{
  global $woocommerce;

  $data_stream = extract_data_from_str( $_POST['post_data'] );

  $packages      = $woocommerce->shipping->get_packages();
  $chosen_method = isset( $woocommerce->session->chosen_shipping_methods[0] ) ? $woocommerce->session->chosen_shipping_methods[0] : '';

  foreach ( $packages as $i => $package )
  {
     $methods = apply_filters( 'woo_filter_available_methods_by_date',     $package['rates'], $data_stream );

     wc_get_template( 'cart/cart-shipping.php', array('package' => $package,
                                                 'available_methods' =>      apply_filters( 'woo_sort_shipping_methods_by_cost', $methods ),
                                                 'show_package_details' => ( sizeof( $packages ) > 1 ),
                                                 'index' => $i,
                                                 'chosen_method' =>  apply_filters( 'woo_set_lowest_shipping_method', $chosen_method, $methods, $data_stream ) ) );

  }
}

This is update proof, and it will let you customize that template by adding filters.

As for resetting the session to correspond with the selected method, I don't have an answer for you, unfortunately, as I'm still wrestling with that exact problem myself.

Updating woocommerce Shipping Method via ajax

1 Answers