Return to previous page

How to change the checkout page as your demo content

This topic has 5 replies, 2 voices, and was last updated 3 months, 2 weeks ago ago by Jack Richardson

Janina

Participant

December 21, 2024 at 09:55

Hello,
unfortunately my support expired some days ago so I booked some new support.
I have some problems with the checkout page and don’t know, how to change it as your demo content (e.g. https://xstore.8theme.com/elementor2/furniture3/checkout/).

The Admin Page shows the checkout as I wish, but in frontent without login, the checkout-parts within order-review has another sequence. You can see it in the atached screenshots.

Please help me to configure the page like this:

Top: Login Form
Seperated Checkout:
Left side: Billing Details, Custom Field (Radio Buttons), New Customer
Right side: Product Details, Prices, Payment Methods, Terms & Conditions, Checkout Button

Also please help me to change the grey parts in the checkout page in background and between the products and prices.

Thank you very much and best regards,
Janina

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#428260 Copied

4 Answers

Jack Richardson

Support staff

December 23, 2024 at 16:00

Dear @Janina,

I hope this message finds you well.

Could you kindly check the issue now? We have added a CSS snippet to your Theme Options under Custom CSS, and it should now display correctly.

Please let us know if everything is working as expected or if further assistance is needed.

Best regards,
Jack Richardson
The 8Theme Team

#428438 Copied

Janina

Participant

December 31, 2024 at 09:17

Hey Jack, thank you very much for your reply and sorry for my late answer – it’s because of holidays 🙂
Now it looks very, very good!
There is only one thing left: the lightgrey background of the right side. How can I change this?

I wish you a very happy new year,
best regards,
Janina

#429157 Copied

Janina

Participant

December 31, 2024 at 09:20

Please have a look at the attached screenshot.

Files is visible for topic creator and
support staff only.

#429158 Copied

Jack Richardson

Support staff

December 31, 2024 at 15:46

Dear @Janina,

We hope this message finds you well.

It seems that the access you previously shared with us is no longer functioning. As a result, we kindly suggest manually reviewing your settings in the “Theme Options”. It appears that the “Separated Layout” is currently activated for your checkout pages. You can find detailed guidance on customizing cart and checkout page layouts in our documentation here: https://www.8theme.com/documentation/xstore/woocommerce/customizing-cart-checkout-page-layouts/.

We recommend switching to the “Classic Layout” or another layout option and checking if this resolves the issue. Additionally, the light grey background can be removed using custom CSS, but we encourage you to try the aforementioned solutions first.

Should you require further assistance, please do not hesitate to reach out.

Best regards,
Jack Richardson
The 8Theme Team

#429178 Copied
Viewing 5 results - 1 through 5 (of 5 total)