AeroCheckout- Custom WooCommerce Checkout Pages

  1. Home
  2. Docs
  3. AeroCheckout- Custom WooCommerce Checkout Pages
  4. Elementor
  5. How to Make the Order Summary Collapsible for Mobile

How to Make the Order Summary Collapsible for Mobile

AeroCheckout lets you make the Order Summary Collapsible on the checkout page.

It is beneficial for mobiles where the screen size is small.

Here’s how you can enable it for your checkout page using Elementor:

Step 1: Click on the ‘Edit’ button to edit your checkout page using Elementor

Step 2: Click on the pencil icon of the Checkout Form widget

Step 3: Go to the Sections tab and select the ‘Collapsible Order Summary’ option

Here you’ll find the option to enable the collapsible order summary.

Simply hit the toggle to enable it.

You can also set the collapsed/expanded view text from here.

Also, you can choose to enable the coupon field and make it collapsible.

Step 4: Hit the ‘Update’ button to save your changes

There you go! You’ve now made the order summary collapsible on your checkout page.