Summary

  • Overview
  • Add Shopping Cart Icon Element
  • Open Shopping Cart Template
  • Block Presets for Shopping Cart Template
  • Shopping Cart Table
  • Customize Shopping Cart Elements
  • Promotion Code Form
  • Export Shopping Cart Template
  • View Shopping Cart

Overview

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 or Joomla 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 Shopping Cart Template.

shopping-cart.png

Add Shopping Cart Icon Element

You need the Shopping Cart Icon 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.

shopping-cart-table.png

Stylize the Totals Table as a separate Table Element. 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 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 or Joomla 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

## Summary - Overview - Add Shopping Cart Icon Element - Open Shopping Cart Template - Block Presets for Shopping Cart Template - Shopping Cart Table - Customize Shopping Cart Elements - Promotion Code Form - Export Shopping Cart Template - View Shopping Cart ## Overview 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! ##