Responsive optimisation of the Elementor "Woocommerce cart widget"

[vencondo]

Prerequisites

• I have searched for similar feature requests in both open and closed discussions and cannot find an existing request.
• I have verified that the feature is still missing from the latest stable versions of Elementor or Elementor Pro.

What problem is your feature request going to solve? Please describe..

Better customisability of the Elementor Cart widget, especially for tablet and mobile. For a better user experience in the online shop. For a better design of the online shop. To increase sales and reduce the bounce rate.

Describe the solution you'd like.

Hello Elementor Team,

I have been using Elementor for many years and have followed all the great developments over the last few years. You are doing a very good job and I love Elementor! I even switched back from Webflow to Wordpress for the most part because your plugin offers so many possibilities. Thank you for that!

I mainly build online stores with Elementor. That also works very well. There is almost only one thing that bothers me extremely:

The design of the shopping cart page. This page is extremely important for a successful online store.

I would change that:

**- Responsive design (mobile and tablet) is one of the most important points. Please adapt the design of the shopping cart widget, primarily the order summary, to be more responsive. The arrangement of the individual pieces of information such as product name, product price and product quantity should not be placed one below the other and could be made more compact. Take the shopping cart pages of large online stores as an example. (For the mini-card, you can also do it really well.

• Plus and minus buttons should be added for the quantities.
• Please give even more flexibility so that you have a separate widget for the order summary and the cart totals (then you could, for example, set the "checkout" button to sticky and optimize the page even better for sales).**

Nowadays, many customers buy via their mobile phones. It is important that special attention is paid to this.

I've seen that you currently have "Enhanced WooCommerce Builder" on your roadmap. Perhaps the revision of the shopping cart page is included. Otherwise, I and I'm sure some other users would be very happy about this customisation.

I hope this message reaches you. Good luck for the future!

Describe alternatives you've considered.

Alternatively, you could also define the order summary as a flexbox (and pack the individual information into containers) and not as a table. This would at least allow you to customize the structure yourself using CSS.

Additional context

Here you can see some forums where this point is already criticized (generally for Wordpress) and where workarounds are shared:

• https://medium.com/@skhans/how-to-make-woocommerce-shopping-cart-responsive-c20b72f1e89d
• https://realizemarketing.com/css3/fixing-woocommerce-shopping-cart-on-mobile-view/
• https://generatepress.com/forums/topic/having-trouble-customizing-woocommerce-cart-for-mobile/

Agreement

• I agree that my request may be closed without action if it doesn't meet all the requirements.