Javascript Widget Event Listener

We have a list of events that you can access when relevant actions/trigger are taken in the widget. You can write those events code in your theme liquid files.

List of events

1. cncwidgetloaded (Fire the event when the widget loaded)

2. selected_cnc_method (Fire the event when selecting the method)

3. cnc_loaded_locations_list (Fire the event when loading the pickup locations)

4. cnc_selected_pickup_location (Fire the event when selecting the pickup location)

5. cnc_complete_selection (Fire the event when selecting the pickup location)

6. cnc_date_selected Ex. (Fire the event when selecting the date)

As a Result, you will see after add this code in theme file or custom JS field in APP

You can use the following events for use

1. cncwidgetloaded (When widget load)
2. selected_cnc_method (When selecting the method)
3. cncsubmittocheckout (Before sending to checkout page)
   
4. cnc_get_locations (Before locations request)
   
5. cnc_loaded_locations_list (Locations response)
   
6. cnc_select_location (When selecting location for pickup)
7. cnc_selected_pickup_location (When selecting the pickup location)
8. cnc_complete_selection (After Pickup/Delivery/Shipping date and time selected)
   
9. cnc_update_cart_attr (After updating cart/order attributes)
   
10. cnc_before_generate_checkout_url (Before generating checkout URL and set into cart form action)
    
11. cnc_date_selected (When select date from datepicker)
12. cnc_time_selected (When select time from timepicker)