If you notice that the Cart and Checkout pages appear broken, check the steps below to resolve:

   


STEP 1. Some of the themes are using the WooCommerce short codes for the Cart and Checkout pages, so you don't have to edit them with Elementor, otherwise they will look broken. 

Here's the list with themes:

- Lagar

- Bijoux

- F7

- Ativo

- Macchina

- Jolie

- LaFeminite

- Ferme

 

    

  

   

  

    

If you've already done it, you can deactivate the Elementor editor, by going to the page and click on the "Back to Wordpress editor" button:

   

    

  

   

STEP 2. Check if you have a Single Page template enabled for all pages by default:

  

   



This would make it apply to the Cart and Checkout pages and, in turn, would expect those two pages to be built with Elementor. However, as some of the themes were originally released before Elementor added support for the WooCommerce Cart & Checkout pages, the demo content uses the native WooCommerce Cart & Checkout layouts instead of Elementor's.

You have to add an exclusion to the conditions for the Single Page template, which will fix the issue:


You can also check this article: https://elementor.com/help/conditions/

    

    


STEP 3. In rare cases, if you've tried all the steps above and still these pages look broken, the easiest option would be to create new Cart & Checkout pages that haven't been edited with Elementor. Add the [woocommerce-cart] and [woocommerce-checkout] short codes.