[thecashbagParticipant]

I want to make changes to my Renew WooCommerce checkout page.

Is there a specific location within Theme X I should be looking to make edits? Which files relate to the woocommerce checkout page?

I will be making a child theme for the changes… but I’m just not sure which files to start with.

[thecashbagParticipant]

For instance where is the CSS that controls how the checkout page looks?

[ChristopherModerator]

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[thecashbagParticipant]

I want to edit the Renew WooCommerce checkout page so that order details are placed next to the billing. And shipping and payment details are separated out below.

Your theme has applied some styles to the WooCommerce checkout page. I want to know where these files are located so I can edit them to make changes as described.

[ThaiModerator]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[thecashbagParticipant]

This reply has been marked as private.

[LelyModerator]

Hi There,

Thank you for the screenshot.
This link might help:https://wordpress.org/support/topic/change-checkout-page-layout
You can find the template files here:wp-content\themes\x\woocommerce

Hope this helps.

[thecashbagParticipant]

Hello,

I am still struggling to find where you have edited the WooCommerce checkout so that it looks different from the normal WooCommerce checkout.

I can see under wp-content\themes\x\woocommerce that you have some template files included which modify the normal woocommerce templates. But none of these refer to the checkout page.

Attached is a screenshot showing your Theme X WooCommerce template files vs the original WooCommerce plugin template files. As you can see it has a whole folder dedicated to the checkout template. I assumed that you would have an edited version of this included in your theme in order to edit the checkout page… but I can’t find it.

[Rue NelModerator]

Hello There,

Thanks for the updates! In X we only use the default WooCommerce checkout template. It is using the same layout as WooCommerce checkout page template. If you want to customize it, it would be best that you create a woocommerce/checkout/ folder in your child theme. You can then copy the wp-content/plugins/woocommerce/templates/checkout/form-checkout.php to your child theme’s folder wp-content/themes/x-child/woocommerce/checkout/form-checkout.php

For more information about the WooCommerce template structure, please check it out here:
https://docs.woothemes.com/document/template-structure/
https://github.com/woothemes/woocommerce/tree/2.5.0/templates

As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

Thank you very much for your understanding.

[Author]

Posts