Swapping containers positions (Billing and Shipping)

Hi @nikoneznanovic1,

But on mobile, the first part is the Order summary, and on second is billing info. Can you please help me out, how to change positions to be like on desktop part?

The order summary is in a separate container and ordered with CSS. Try this to change the position in mobile:

.is-medium .wc-block-checkout__sidebar, .is-mobile .wc-block-checkout__sidebar, .is-small .wc-block-checkout__sidebar {
order: 2;
}

I am using Woocommerce Checkout Add-ons plugin – on regular checkout form it shows add-ons, but on wc-blocks checkout I don’t see those add-ons. Can you please tell me why is so?

Sure! I see that the developers have been looking at integrating features to the extension, but this is still in progress. WooCommerce Blocks is a feature plugin to explore new uses for blocks in WooCommerce. See status and what is and is not compatible here:
https://docs.woocommerce.com/document/cart-checkout-blocks-support-status/

Checkout Addons has not yet been added to the compatibility list, but this may change in the future as development progresses.

All the best!

The order summary is in a separate container and ordered with CSS. Try this to change the position in mobile:

.is-medium .wc-block-checkout__sidebar, .is-mobile .wc-block-checkout__sidebar, .is-small .wc-block-checkout__sidebar {
order: 2;
}

Hello, this was very helpful, but when I do that, the order summary goes under the Buy it now button. Is there any possibility to put it before Buy it now button?

Regarding compatibility list – is there any option when could this happen, cause I urgently need this plugin, if this won’t be able to be compatible I might not be able to use complete functionalities….

Thanks upfront.

Hello, this was very helpful, but when I do that, the order summary goes under the Buy it now button. Is there any possibility to put it before Buy it now button?

The Order Summary is in a separate container from the one which the Buy button is in, so that would be trickier. There is a open issue on Github relating to the order of elements in this block, so I have added your scenario to it for the developers’ attention.

Regarding compatibility list – is there any option when could this happen, cause I urgently need this plugin, if this won’t be able to be compatible I might not be able to use complete functionalities….

I see Checkout Addons currently in the Known incompatible extensions section. While it’s likely to be included in the future, there is currently no roadmap for it. So, if your need is urgent, it would be best to get a developer to help in the short term.

Hey?@nikoneznanovic1,

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can reopen it again if you need be.