My Cart and Checkout Pages look different

Recently, WooCommerce added a new “block-ified” layout for the cart and checkout pages for new installs.

The Shoptimizer demo site uses the original “shortcodes” approach – which personally, we think is better to revert to, as many third-party payment gateway plugins aren’t yet fully compatible with the blocks approach.

1. Go to Pages > All Pages, and then locate and edit the Cart/Checkout page.
2. Open the List View and select the Cart or Checkout block.
3. Select and delete the Cart or Checkout block.
4. Add a new “Shortcode” block in its place.
5. Type:
   
   [woocommerce_cart]

   1	[woocommerce_cart]

   or
   
   [woocommerce_checkout]

   1	[woocommerce_checkout]

   in the Shortcode block, depending on whether you want to restore the shortcode-based cart or checkout.
6. Save your changes.

See also the official WooCommerce documentation on this topic (under “Reverting to shortcodes”).