Empty Cart
What an empty cart says, for Elementor — an icon, a message, a return-to-shop button and, if you like, products to start with. Shows only while the cart is empty.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WooCommerce 7.0 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Install it from Moduly → Marketplace
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for Empty Cart. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Empty Cart
| Setting | What you can set |
|---|---|
| Icon | On / off |
| Title | Text |
| Text | Text |
| Button | Text |
| Link | Empty: the shop. |
| Alignment | Left or Center |
| Products Below | None, Best sellers, Newest, On sale or Top rated |
| Heading | Text |
| How Many | Number |
| Columns | Number |
Style tab: design controls for Empty Cart — colours, typography, spacing, borders and hover states.
Where it goes
On the cart page: Products → Store Templates → Add a cart page template builds the cart from the cart widgets (Store Notices, Cart Table, Cart Totals, Cart Cross-sells, Empty Cart), and each shows itself only when it has something to show. It also works on any page.
How it works
Hidden while the cart has products; shown once it is empty — including after the last product is removed on the cart page. In the editor it always shows, with a label, so you can design it.
Troubleshooting
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.