JILIMACAO link Download.Claim Your Free 999 Pesos Bonus Today

Kousik Mukherjee
(@kousikmukherjeeli)

6 months ago
Hello everyone,

I am creating a custom field in the WooCommerce checkout block. How can I get the country change event in the WooCommerce checkout block? Additionally, I want to refresh the order review or tax section after entering a value in the custom field.
```
In the classic checkout, I was using this trigger:

$( 'body' ).trigger( 'update_checkout' );
```
What should I use now? Can you share some documentation or example code to answer these questions?

Regards,
Kousik Mukherjee

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Contributor Nadir Seghir a11n
(@assassinateur)

6 months ago

Are you using the additional fields API to build the custom field or you’re building it using React directly?
Thread Starter Kousik Mukherjee
(@kousikmukherjeeli)

6 months ago
Hello,

Thank you for your reply.

I have started with this npm package: https://www.npmjs.com/package/@woocommerce/extend-cart-checkout-block

I then updated the code according to my needs. yes, I Think it is in react.
By “Additional Fields API” Are you mentioning about some extra plugin ?
https://woocommerce.com/products/custom-fields-for-woocommerce/

Regards,
Kousik Mukherjee
- This reply was modified 6 months ago by Kousik Mukherjee.
Plugin Contributor Nadir Seghir a11n
(@assassinateur)

6 months ago

No, it’s this feature

https://github.com/woocommerce/woocommerce/blob/trunk/plugins/woocommerce-blocks/docs/third-party-developers/extensibility/checkout-block/additional-checkout-fields.md
Thread Starter Kousik Mukherjee
(@kousikmukherjeeli)

6 months ago
Hello,
I tried the the code as per mentioned in your above mentioned code.
but it throw me an error like this.
```
Fatal error: Uncaught Error: Call to undefined function woocommerce_register_additional_checkout_field() in.......
```
As per documentation when I use location: address, it will reflect both shipping and billing address, but I need to show field only in billing.

My custom field is little bit interactive, IF you help me in react that will be more helpful.
Regards
Kousik Mukherjee
- This reply was modified 6 months ago by Kousik Mukherjee.
Plugin Contributor Nadir Seghir a11n
(@assassinateur)

6 months ago

You need to be using WooCommerce 8.9.1 for that function to work, otherwise, the requirement for shipping and billing cannot be removed, because shipping is displayed first by default. You might want to consider a separate step and a custom block.

In which case, you can use extensionsCartUpdate from window.wc.blocksCheckout

https://github.com/woocommerce/woocommerce//blob/trunk/plugins/woocommerce-blocks/docs/third-party-developers/extensibility/rest-api/extend-rest-api-update-cart.md

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Woocommerce Checkout Block Refresh Order Review and tax section.’ is closed to new replies.