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 in Nicepage.

shopping-cart-icon-presets.png

Stylize Shopping Cart Icon

You can stylize the Shopping Cart Icon like the Icon 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

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! ##