Better compatibility Fluid Checkout for WooCommerce – Lite solution

vyskoczilova · Jan 9, 2024 · 2afc658 · 2afc658
1 parent b12eddb
commit 2afc658
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 4 deletions.
diff --git a/assets/js/public.js b/assets/js/public.js
@@ -234,7 +234,42 @@
                 if (woolab.ares_fill) {
                   // Compatibility with Fluid Checkout for WooCommerce – Lite
                   if ($('#billing_same_as_shipping') && $('#billing_same_as_shipping').is(':checked')) {
-                    $('#billing_same_as_shipping').click();
+                    // Check whether the CollapsibleBlock library is available
+                    if (window.CollapsibleBlock) {
+                      // Set billing address as different from shipping address
+                      var fc_billing_same_as_shipping_field = document.querySelector('#billing_same_as_shipping');
+                      fc_billing_same_as_shipping_field.checked = false; // Expand the billing address fields
+
+                      var fc_billing_address_fields_wrapper = document.querySelector('#woocommerce-billing-fields__field-wrapper');
+
+                      if (fc_billing_address_fields_wrapper) {
+                        CollapsibleBlock.expand(fc_billing_address_fields_wrapper);
+                      } // Get company field toggle and content elements
+
+
+                      var fc_billing_company_toggle = document.querySelector('#fc-expansible-form-section__toggle-plus--billing_company');
+                      var fc_billing_company_content = document.querySelector('#fc-expansible-form-section__content--billing_company'); // Expand the billing company field
+
+                      if (fc_billing_company_toggle) {
+                        CollapsibleBlock.collapse(fc_billing_company_toggle);
+                      }
+
+                      if (fc_billing_company_content) {
+                        CollapsibleBlock.expand(fc_billing_company_content);
+                      } // Get dic field toggle and content elements
+
+
+                      var fc_billing_dic_toggle = document.querySelector('#fc-expansible-form-section__toggle-plus--billing_dic');
+                      var fc_billing_dic_content = document.querySelector('#fc-expansible-form-section__content--billing_dic'); // Expand the billing dic field
+
+                      if (fc_billing_dic_toggle) {
+                        CollapsibleBlock.collapse(fc_billing_dic_toggle);
+                      }
+
+                      if (fc_billing_dic_content) {
+                        CollapsibleBlock.expand(fc_billing_dic_content);
+                      }
+                    }
                   } // Update values
 
 

diff --git a/assets/js/public.min.js b/assets/js/public.min.js
diff --git a/src/js/public.js b/src/js/public.js
@@ -226,9 +226,40 @@
                                 if ( woolab.ares_fill ) {
 
                                     // Compatibility with Fluid Checkout for WooCommerce – Lite
+                                    // https://wordpress.org/support/topic/compatibility-with-kybernaut-ico-dic-plugin/
                                     if ($('#billing_same_as_shipping') && $('#billing_same_as_shipping').is(':checked')) {
-                                        $('#billing_same_as_shipping').click();
-                                        $('#fc-expansible-form-section__toggle-plus--billing_company').click();
+
+                                        // Check whether the CollapsibleBlock library is available
+                                        if ( window.CollapsibleBlock ) {
+
+                                            // Set billing address as different from shipping address
+                                            var fc_billing_same_as_shipping_field = document.querySelector( '#billing_same_as_shipping' );
+                                            fc_billing_same_as_shipping_field.checked = false;
+
+                                            // Expand the billing address fields
+                                            var fc_billing_address_fields_wrapper = document.querySelector( '#woocommerce-billing-fields__field-wrapper' );
+                                            if ( fc_billing_address_fields_wrapper ) {
+                                                CollapsibleBlock.expand( fc_billing_address_fields_wrapper );
+                                            }
+
+                                            // Get company field toggle and content elements
+                                            var fc_billing_company_toggle = document.querySelector( '#fc-expansible-form-section__toggle-plus--billing_company' );
+                                            var fc_billing_company_content = document.querySelector( '#fc-expansible-form-section__content--billing_company' );
+
+                                            // Expand the billing company field
+                                            if ( fc_billing_company_toggle ) { CollapsibleBlock.collapse( fc_billing_company_toggle ); }
+                                            if ( fc_billing_company_content ) { CollapsibleBlock.expand( fc_billing_company_content ); }
+
+                                            // Get dic field toggle and content elements
+                                            var fc_billing_dic_toggle = document.querySelector( '#fc-expansible-form-section__toggle-plus--billing_dic' );
+                                            var fc_billing_dic_content = document.querySelector( '#fc-expansible-form-section__content--billing_dic' );
+
+                                            // Expand the billing dic field
+                                            if ( fc_billing_dic_toggle ) { CollapsibleBlock.collapse( fc_billing_dic_toggle ); }
+                                            if ( fc_billing_dic_content ) { CollapsibleBlock.expand( fc_billing_dic_content ); }
+
+                                        }
+
                                     }
 
                                     // Update values