Checkout – desktop / mobile – help arrangement of sections of different devices.

Hi, there,

Maybe with some options I can’t find them, or maybe I don’t know them – the desktop version – just like 1.2.3 … to arrange in a specific order on the mobile version, please see the picture.

I use Gutenberg, and I think there is an option for which side to load from, but unfortunately, I couldn’t achieve it.

https://snipboard.io/6jFeQn.jpg

Regards,

Hello,

In the Gutenberg editor, you can control the order and alignment of blockseparately for desktop, tablet, and mobile devices.

Please follow this gutenberg guide and rearrange the sections.
https://xtemos.com/docs-topic/responsive-editing-for-mobile-and-tablets/

Best Regards,

Hello,
I tried to do it – I read the article but it didn’t help me.
Can you help me and make such a change for:

layout test, the goal is for the order information on mobile phones and tablets to be before the payment info section.

Thanks in advance.

Hello,

I have checked your site and noticed that the custom layout for the checkout page is currently disabled.
By default, on mobile devices, the order information section appears first, followed by the payment method section.

Best Regards,

Yes, I stopped it while I tested all the options.

I turned on the test layout – can you take a look at it and help with the arrangement you shared?

https://snipboard.io/Lrm5OF.jpg

“By default, on mobile devices, the order information section appears first, followed by the payment method section.”

But I want to first enter the customer data, the delivery data, then see the order data, and only after that see the section with the payment option.
You have a similar arrangement in the “Checkout layout Christmas 2” layout, which is stopped now.
https://woodmart.xtemos.com/christmas-2/checkout/

But there: it is the same for desktop, mobile and tablet versions.
I only want it to be with such an arrangement for tablet and mobile versions.

In WP-BAKARY I know that you had an option to swap places, but how do I do it here?

Can you make it for me to see it and learn it after that?

Thank you in advance.
Pavel

Hello,

There are some predefined Custom Layouts available under the Dashboard > Layouts >, which you can make use of for the checkout page like the example you shared and used it on your site. https://imgbb.com/jyKHSN1

You can read more about the Theme’s Layout Builder here:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

If you have any questions feel free to contact us.

Best Regards,

Hello,

Would you like to help me? I don’t understand why I asked such a complicated question about the theme you developed and for which you recommend using Gutenberg…

I told that I have read your documentation from the link above and from the layouts. I have used your theme and I know how it works but with wp-bakary…

Yes, I use one of your solutions but I want the mobile version to have a different arrangement of sections so that it is more flexible for customers. And on the desktop it should be more compact so that the customer doesn’t have to scroll 10 pages to get to the payment..

Can you help me with the correction and tell me how you did it so that I don’t bother you anymore. I am sure that you know the builder with your options and the custom layout section better and that is why I maintain my support subscription

Big thank you in advance!
Pavel

Hello,

Please check back your site and check the new layout, i have set it up on your site. If you have any questions feel free to contact us.

Best Regards,

[Author]

Posts