Docs

[MeandHarpua]

Hello, I am using the Ethos stack.

As I’m building my website, I’ve noticed that the woocommerce pages such as the shopping cart, the checkout page, etc… are all very basic looking. The checkout page for example looks like very basic text layout with no unique styling at all. I realize this perhaps is what comes basic with woocommerce and/or the X theme. When I see other websites, the checkout usually is layed out nicely with boxes, radio buttons, etc… How can I get this more professional styling on my site? How can I get my checkout page for example to look like a more common styled page where people are typing in their billing and credit card info to buy products? Right now mine looks like basic text style and will be hard for me to sell my products when the checkout page and other pages look so simple and basic. Is there a plugin I can use to customize this? Or is this only something only that custom coding can do? Meaning I’ll have to pay someone to customize this for me? Please provide me with any resources you can! I have attached 2 pics of the basic text layout I currently have, and then also a pic of an example of what I’m hoping to have mine look like.

Also, my website is under construction so it isn’t finished yet. The pics below should give you a sense of what I’m referring to. I hope you can help! Thanks again!

[Rad]

Hi there,

Thanks for writing in.

It’s more on Woocommerce customization. The checkout page is not overridden by X theme, it’s still Woocommece’s standard checkout. If you’re going to customize the layout then you’ll have to copy some templates from /wp-content/plugins/woocommerce/templates/ to /wp-content/themes/x-child/woocommerce/ and do the editing.

As for styling, would you mind providing the live URL of that styled form? I’m not sure what styling used on that form, but to copy it, we need to see it first.

Thanks!

[Author]

Posts