Problems on the WooCommerce Checkout Page

This topic has 4 replies, 2 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler

  • Avatar: Unionfor Web
    Rodrigo
    Participant
    June 20, 2018 at 17:37

    Hello Rose,

    I have a problem on the WooCommerce checkout page, which I am going to ask I know is out of the scope of your support and I also know that it requires customization what you do not do.

    Already added that I would just like to know if there is any documentation as you have done several times with me and it helped me a lot.

    On the checkout page of woocommerce I need to add a date field, however I have no idea how to do this, I know there are documentations to do this, can you tell me?

    Another detail is, how can I fix this mess that was left on the checkout page, see -> https://gyazo.com/7e3aceaf954940b5f3387d0ff5e93e0a

    Thank you for your support and look forward to your next interaction!

    Best regards,
    Rodrigo M.

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 21, 2018 at 08:03

    Hello,

    1. You can customize Checkout page as described in Woocommerce documentation https://docs.woothemes.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/ or use some of their plugins.
    2. Please use this custom css code:

    .woocommerce-checkout .select2-container, .woocommerce-checkout .state_select {
        width: 100% !important;
    }
    .woocommerce-checkout #billing_country_field {
        display:  inline-block;
    }

    Regards

    Avatar: Unionfor Web
    Rodrigo
    Participant
    July 2, 2018 at 13:29

    Hello Rose,

    The CSS that sent me helped a lot, corrected the problem with the layout that was messed up and still helped me hide the country, because as there was a field to select, was only displaying the text so I decided to hide and I took advantage of the rule that sent me.

    The documentation also helped me a lot, I was able to add an additional field in the checkout.

    Could you help me with one more thing?
    I was able to add the field in the checkout, however I can not reorder it, eg put it underneath First and Last name, have any documentation even out of WooCommerce to help me?

    I missed that in the Woo documentation.

    Another thing, does it have some CSS template ready for input type data? Because I added a date type field and it stayed in the WordPress standard but it’s pretty basic.

    Thank you very much for your support and support.

    Best regards,
    Rodrigo M.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 3, 2018 at 09:25

    Hello,

    1. It would be better to contact Woocommerce support.
    I hope this article will be useful for you https://businessbloomer.com/woocommerce-move-reorder-fields-checkout-page/
    2. Please provide some screenshots for better understanding the desired result.

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.