Shopping Cart Element
The Shopping Cart element allows you to add a WooCommerce shopping cart anywhere on your website. This element comes really handy when you are building a custom header, footer, sidebar or shop page using Elementor.
- Header, footer, and sidebars.
- Shop pages
- Creating Header and Footer and block templates.
- Use anywhere you want to show a shopping cart
In this article
Displaying a Shopping Cart Element
To add a Shopping Cart element to a page:
|Icon||Choose a custom icon for your shopping cart.|
|Cart Quick View||Enables the cart quick view – you are able to view products added to your cart without opening a new page.|
Adding a Shopping Cart Inside Header
To add a Shopping Cart inside the header:
Adding a Shopping Cart Inside Footer
Simply follow the section above called “Adding a Shopping Cart Inside Header“, but on step 3, for the template type select Footer.
You can choose to have different settings on different screen sizes for some of the Shopping Cart element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.
At first you’ll see the icon for desktop layout only
But when you click that icon, you’ll get two more layouts: for tablet and phone.
To learn more about it, please check this article.