Use the Shopping Cart Icon Element in the Header Block on your WooCommerce or VirtueMart websites.
Add the Shopping Icon Element from the Add Panel for the selected Header or Footer Block. You can insert this Element with your CMS's WordPress Plugin and Joomla Extension.
Editing the first product and adding the Store link to the Menu, you can see a dialog reminding you to add the Shopping Cart Element to the Header for your Online Shop if needed.
The demo shows how it works in the Editor.
Click on the Change Icon button in the Property Panel to change the icon.
You can apply the Style Presets to the Shopping Cart Icon, like any other Icon in Nicepage.
You can stylize the Shopping Cart Icon like the Icon Element.
Stylize Product Count
You can also stylize the Product Count.
To show the Shopping Cart Icon Element, export the Theme from the Desktop Application. Import the Theme with this Element to your WordPress or Joomla website. It is sufficient.
![export-theme.png]()
Use the **Shopping Cart Icon Element** in the Header Block on your WooCommerce or VirtueMart websites.
!shopping-cart-icon.gif!
## Add Shopping Cart
Add the Shopping Icon Element from the Add Panel for the selected Header or Footer Block. You can insert this Element with your CMS's WordPress Plugin and Joomla Extension.
!add-shopping-cart.png!
## Shopping Cart Dialog
Editing the first product and adding the Store link to the Menu, you can see a dialog reminding you to add the Shopping Cart Element to the Header for your Online Shop if needed.
!shopping-cart-dialog.png!
The demo shows how it works in the Editor.
!shopping-cart-dialog.gif!
## Stylize Shopping Cart Icon
Click on the **Change Icon** button in the Property Panel to change the icon.
!change-shopping-cart-icon.png!
## Shopping Icon Styles
You can apply the Style Presets to the Shopping Cart Icon, like any other [Icon](page:164371) in Nicepage.
!shopping-cart-icon-presets.png!
## Stylize Shopping Cart Icon
You can stylize the Shopping Cart Icon like the [Icon](page:164371) Element.
!shopping-cart-icon-properties.png!
## Stylize Product Count
You can also stylize the Product Count.
!product-count-properties.png!
## Export Shopping Cart Icon
To show the Shopping Cart Icon Element, export the Theme from the Desktop Application. Import the Theme with this Element to your WordPress or Joomla website. It is sufficient.
!export-theme.png!
##