You can use the Shopping Cart Template to collect the data required to finalize purchases on E-Commerce websites.
IMPORTANT!
- The Shopping Cart Page functions ONLY on WordPress or Joomla E-Commerce websites.
- You cannot customize this Shopping Cart Template directly in WordPress or Joomla with the Nicepage Plugin or Extension.
Please install the Desktop Application Shopping Cart Template.
You need the Shopping Cart Icon in the Header to access the Shopping Cart Page. Add this Element from the Add Panel.
You can find the Shopping Cart Template on the Templates Panel of the Quick Access Pane.
Apply the Style Presets to stylize your Shopping Cart Template's Elements quickly.
You can edit the Table Properties of the Shopping Cart Template. You can edit the Shopping Cart's Table like any other Table Element.
Stylize the Totals Table as a separate Table Element. It can have a different style from the main Product Checkout Table.
You can customize any Element in the Shopping Cart Table's Row.
Stylize the Coupon Form like you do the Contact Form Element.
NOTE: If your CMS, for example, Joomla, contains more than one form on the Shopping Cart Template, then the style will be applied to all those Forms.
IMPORTANT! To export and then import the Shopping Cart Template to your website, check the Include E-Commerce Templates checkbox in the Publish and Export Dialog.
Additionally, you can export Products by checking the Include E-Commerce Products checkbox below.
To view the Shopping Cart Page Template on WordPress or Joomla E-Commerce websites, you can do the following.
- Open your E-Commerce website.
- Go to the Store page.
- Add products to the Shopping Cart.
- Click the Shopping Cart Icon to open the Shopping Cart page.
You can use the **Shopping Cart Template** to collect the data required to finalize purchases on E-Commerce websites.
**IMPORTANT!**
1. The Shopping Cart Page functions ONLY on [WordPress](Page:110988) or [Joomla](Page:161063) E-Commerce websites.
2. You cannot customize this Shopping Cart Template directly in WordPress or Joomla with the Nicepage Plugin or Extension.
Please install the [Desktop Application](/download) Shopping Cart Template.
!shopping-cart.png!
## Add Shopping Cart Icon Element
You need the [Shopping Cart Icon](page:97482) in the Header to access the Shopping Cart Page. Add this Element from the Add Panel.
!add-shopping-cart.png!
## Open Shopping Cart Template
You can find the Shopping Cart Template on the Templates Panel of the Quick Access Pane.
!open-shopping-cart.png!
## Block Presets for Shopping Cart Template
Apply the Style Presets to stylize your Shopping Cart Template's Elements quickly.
!shopping-cart-presets.png!
## Shopping Cart Table
You can edit the Table Properties of the Shopping Cart Template. You can edit the Shopping Cart's Table like any other [Table Element](page:97196).
!shopping-cart-table.png!
Stylize the Totals Table as a separate [Table Element](page:97196). It can have a different style from the main Product Checkout Table.
!shopping-cart-totals.png!
## Customize Shopping Cart Elements
You can customize any Element in the Shopping Cart Table's Row.
!shopping-cart-elements.png!
## Promotion Code Form
Stylize the Coupon Form like you do the [Contact Form](Page:98378) Element.
**NOTE:** If your CMS, for example, Joomla, contains more than one form on the Shopping Cart Template, then the style will be applied to all those Forms.
!shopping-cart-form.png!
## Export Shopping Cart Template
**IMPORTANT!** To export and then import the Shopping Cart Template to your website, check the **Include E-Commerce Templates** checkbox in the Publish and Export Dialog.
Additionally, you can export Products by checking the **Include E-Commerce Products** checkbox below.
!export-shopping-cart-template.png!
## View Shopping Cart
To view the Shopping Cart Page Template on [WordPress](Page:110988) or [Joomla](Page:161063) E-Commerce websites, you can do the following.
1. Open your E-Commerce website.
2. Go to the Store page.
3. Add products to the Shopping Cart.
4. Click the Shopping Cart Icon to open the **Shopping Cart page**.
###
!view-shopping-cart.png!
##