[Support request] Customize Checkout Page

[Ritesh]

Hello Team,
I am looking for support to enhance my checkout page like https://themedemo.commercegurus.com/shoptimizer/checkout/.

Let me know,if you guys help me some bit of code or support.

Ritesh

[Ritesh]

Hi
i am awaiting for your response

[David]

Hi there,

what part are you trying to achieve?

Is it the layout ie. Cart | Cart Totals in a row
Or the multipart form ?

[Ritesh]

I am trying to set two Coolum
one for Billing details form
and second for “Your Order and Payment (The second Coolum should go in right side.
Ref this below url

https://themedemo.commercegurus.com/shoptimizer/checkout/

The current URL (where change require): https://www.socialmedia37.com/checkout/?add-to-cart=3314

[David]

The 2 column checkout is the default layout that Woocommerce uses. So something else is changing its behaviour. Can you disable your cache plugin so i can see whats causing that.

[Ritesh]

Hi David,
Thanks for your suggestion. I can see two coloumns in Checkout page after disabling the Cache Plugin.
Now let me know if i can adjust both coloumn width ?
If you see the current status (https://www.socialmedia37.com/checkout/) the page content is exactly in centre. There is a hug space remaining from both side (left-right)

Let me know if you can help me customize the checkout template like i mention above.

[David]

The Customizer > Layout > Container –> Container Width is set to 800px.
You will need to increase that value.

If you then need to apply a narrower width to other parts of yours site you can use a Layout Element to make the smaller:

https://docs.generatepress.com/article/layout-element-overview/

[Author]

Posts