Support » Plugin: Checkout Field Editor (Checkout Manager) for WooCommerce » Wrapper Class problem after updating Woocommerce

  • Resolved eltoine

    (@eltoine)


    Hi

    Wrapper Class problem after updating Woocommerce to 4.4
    the wrapper class (form-row-first and form-row-last) are not showing side-by-side but on top of each other.

    Please fix this as soon as possible.

    thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author ThemeHigh

    (@themehigh)

    We have checked in our local environment and are not able to recreate the issue that you have mentioned.

    We believe that it might be a site-specific issue. Could you please raise a ticket through our website? We hope our technical team will be able to help you.

    Thank you!

    eltoine

    (@eltoine)

    I submitted a request.. I hope it is right. I could not find the ticket system.. I hope you can help me like that.

    eltoine

    (@eltoine)

    the problem is just at the zip code and city, the others it shows correct..

    I am having the same problem after WooCommerce update.

    The problem also happens with TwentyTwenty Theme and only WooCommerce and “Checkout Field Editor for WooCommerce” plugins are active.

    Plugin Author ThemeHigh

    (@themehigh)

    @kezily We have checked and the issue is due to an update in WooCommerce recent version (4.4.1).

    From the WooCommerce 4.4.1, WooCommerce replaces “form-row-first”, “form-row-last” & “form-row-wide” classes from address field with the available class from field locale class (Additional code in woocommerce/assets/js/frontend/address-i18n.js, line number 109, 110,111 & 112).

    This change affect the address field like billing_address_1, billing_address_2, billing_city, billing_state, billing_postcode, shipping_address_1, shipping_address_2, shipping_city, shipping_state & shipping_postcode.

    We already find the solution and we will fix this in the upcoming version of our plugin.

    If you need an urgent fix, kindly request you use the below code snippet in your child theme’s functions.php file. You have to modify the class name in the given code snippet as per your requirement. Also, you need to comment on the line that not required.

    // define the woocommerce_get_country_locale_default callback 
    function th45r_filter_woocommerce_get_country_locale_default( $default_address_fields ) {
     
     if(!is_checkout()){
      return $default_address_fields;
     }
     
     $default_address_fields['address_1']['class'] = array('form-row-first', 'address-field');
     $default_address_fields['address_2']['class'] = array('form-row-last', 'address-field');
     $default_address_fields['city']['class'] = array('form-row-first', 'address-field');
     $default_address_fields['state']['class'] = array('form-row-last', 'address-field');
        $default_address_fields['postcode']['class'] = array('form-row-first', 'address-field');
     
        return $default_address_fields; 
    }; 
     
    // add the filter 
    add_filter( 'woocommerce_get_country_locale_default', 'th45r_filter_woocommerce_get_country_locale_default', 10, 1 );

    We hope this will help.

    Thank you!

    Thank you @themehigh, this works šŸ™‚

    Plugin Author ThemeHigh

    (@themehigh)

    Great!

    Hi

    can you please update as soon as possible we must update woocommerce and we dont want to put more and more css code.

    I would appreciate that and I am sure also your other clients..

    Thanks a lot for updating it.

    I dont think it take a lot of time for you.. šŸ™‚

    Plugin Author ThemeHigh

    (@themehigh)

    @eltoine A new version of our plugin is going to be released within next week in which this fix will be available.

    Thank you!

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.