Cart Widget

WooCommerce Cart for Easy Shopping – UAE Lite

The WooCommerce Cart widget in UAE Lite helps you enhance the shopping experience for your customers by allowing them to view, update, and proceed to checkout right from your Elementor-powered page. No need to redirect users to a separate cart page!

Whether you’re building a simple store or a full-fledged eCommerce site, this widget lets you keep customers engaged and drive more conversions with a streamlined cart interface.

How to Use the WooCommerce Cart Widget

To use the Cart widget:

1. Make sure you have WooCommerce installed and configured.
2. Open the page with Elementor where you want to display the cart.
3. Drag and drop the Cart widget from the UAE Lite panel onto your page.
4. Customize the look and feel using the options available under the Content, Style, and Advanced tabs.

Styling and Customization Options

Menu Cart Type:

1. Default – Displays a bag icon with the product count.
2. Custom – Offers additional customization options:
   • Icon: Choose from three icon styles – Bag Light, Bag Medium, and Bag Solid
   • Items Count: Options include None or Bubble. With Bubble you can see the product count number in the cart.
   • Show Total Price: Toggle ON to display the total price
   • Hide Empty: Toggle ON to hide the cart when it’s empty
3. Alignment: Choose from Left, Center, or Right alignment

Use these settings to match the cart display with your site’s design and functionality goals.

Explore these options to make sure the cart matches your brand and overall store design.

Key Features

• Live Cart Updates: Let users see their cart contents update in real-time without page reloads.
• Responsive Design: The cart adapts beautifully to all screen sizes perfect for mobile shoppers.
• Styling Control: Customize buttons, product rows, price displays, and more with full design flexibility.

Common Use Cases

• Embedding a mini cart on a landing page or sidebar
• Creating a distraction-free checkout funnel
• Displaying cart content on custom WooCommerce templates

Things to Note

• This widget fetches live cart data via WooCommerce, so make sure your products are properly added.
• The cart updates dynamically when used with AJAX-based add-to-cart buttons (if your theme or plugin supports it).
• This widget is ideal for use on pages created via Elementor not suitable for replacing the default WooCommerce Cart page unless WooCommerce shortcodes are removed or overridden.

Conclusion

The WooCommerce Cart widget in UAE Lite is designed to keep your customers focused on buying. With live updates, customization options, and a seamless experience across devices, it’s the perfect tool to optimize your online store’s sales funnel.

Try it out today and turn more visitors into customers faster!

Need Help?

If you have any questions or face issues while using the Cart widget, feel free to reach out to our support team or check out more UAE Documentation.