Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1150252
    simon q
    Participant

    Hi there

    I’m trying to remove some fields from the checkout, specifically the phone and company fields and additional information / order notes fields. To do this I added these functions.

    // Checkout - Remove Order Notes
    // =============================================================================
    
    add_filter('woocommerce_enable_order_notes_field', '__return_false');
    
    // Checkout - Remove Companya and Phone Fields
    // =============================================================================
    
    // Hook in
    add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
    
    // Our hooked in function - $fields is passed via the filter!
    function custom_override_checkout_fields( $fields ) {
    unset($fields['order']['order_comments']);
    unset($fields['billing']['billing_company']);
    unset($fields['billing']['billing_phone']);
    
    return $fields;
    }

    This worked okay.

    However the problem is the field before the country field cannot be typed into because the country field dropdown seems to overlay.

    To solve this problem and also make the checkout simpler for customers I would like to make all the fields into one column. This would probably also solved the problem of the country field making the email field unable to be selected.

    1) How do I make all the checkout fields into one column?

    2) Also the checkbox where it says ‘shipping is different to billing address’ is missing.

    #1150255
    simon q
    Participant
    This reply has been marked as private.
    #1150261
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    
    .woocommerce-account form .form-row-first, .woocommerce-account form .form-row-last, .woocommerce-checkout form .form-row-first, .woocommerce-checkout form .form-row-last {
        float: left;
        width: 100%;
    }

    Please check this link :

    https://docs.woocommerce.com/document/configuring-woocommerce-settings/

    Hope that helps.

  • <script> jQuery(function($){ $("#no-reply-1150252 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>