Return to previous page

Problems on the WooCommerce Checkout Page

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

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.

#195292 Copied Theme version: 4.3 WooCommerce version: 3.4.2

3 Answers
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
#195316 Copied
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.

#195854 Copied

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

#195903 Copied
Viewing 4 results - 1 through 4 (of 4 total)