Overview

  • Install the VirtueMart Extension
  • Adding and Editing Products
  • Install the Nicepage Application
  • Product Templates
  • Editing Product Templates
  • Exporting a Template From Nicepage

Install VirtueMart

To create a Joomla online store with Nicepage, use the VirtueMart Extension for Joomla.

  1. Go to your Joomla Administration.
  2. Open Extenstion -> Manage -> Install.
  3. Enter "VirtueMart" into the Seach field.
  4. Select the VirtueMart Extension in the search results.

install-virtuemart.png
  1. Click the Install button.
  2. On the next page, click the Install button again.
  3. Click the Install button on the next page as well.

install-virtuemart-button.png

After the installation complete, you will see the message about the successful installation.

install-virtuemart-success.png

Adding and Editing Products

IMPORTANT: YOU CAN ADD AND EDIT THE ACTUAL PRODUCTS ONLY IN JOOMLA IN THE VIRTUEMART -> PRODUCTS SECTION!

In the Nicepage Application, you create ONLY the design of the Product Templates.

adding-editing-products.png

Install Nicepage

IMPORTANT: You can edit the Product templates only with the Nicepage Application for Windows of Mac OS.

  1. Please go to the Download page at htts://nicepage.com/download.
  2. Click either the Windows or Mac OS button to start downloading.
  3. Then click the downloaded file to run the installation of Nicepage.

download-nicepage.png

For example, on Windows, in Google Chrome, you can find the downloaded file on the bottom bar.

download-arrow.gif

To read more about the installation of the Nicepage Applications for Windows or Mac OS, please visit:

Product Templates

The Product Templates are part of any Joomla Virtuemart template and output the Online Store articles. Please note that you can edit your online store's Product Templates by a pixel only with the Nicepage Desktop Application for Windows or Mac OS.

  1. Run the Nicepage Application for Windows or Mac OS.
  2. Create a New or open Project.
  3. Open the Theme List.
  4. Click the Product Details Template to open the Editor.

open-product-template.gif

To get more information about Nicepage's Product Templates, please read the following articles.

Editing Product Templates

The Product List Template contains the Product List Element, and the Product Details Template contains the Product Details Element. You can edit the Product Templates by adding and moving the Product Elements.

  1. On the Product Details Template edit page, select the Product Details Element.
  2. Click the context Add Elements icon.
  3. Select the Product Quantity Elements in the Add Product Elements list.
  4. Move the Product Quantity up above the Product Button.

adding-product-quantity.gif

Click the link to read more about Nicepage's Product Elements. Please note that you can also find the Product Templates in the Add Elements list.

Exporting Template From Nicepage

After you finish editing, you are ready to export the Template with the Product Templates. Optionally, you can exit the Product Details Template Editor.

  1. Click the Export icon on the Top Bar.
  2. IMPORTANT: In the Export dialog, select the "Include Product List, Product Details and Shopping Cart Templates" checkbox to export the Product Templates.

export-nicepage-joomla-template.png

Installing Template To Joomla

You can install the Nicepage's Template the same way you install any other Joomla template.

  1. Open the Joomla Administration of your website.
  2. Click the Extensions -> Manage -> Install.
  3. On the Installation page, switch to the "Upload Package File" tab.
  4. Drag or browse for the exported Nicepage Template zip.
  5. In the wizard, click the Set Default button to set the Nicepage Template as default.
  6. Install the Nicepage extension by clicking the Install Plugins button.
  7. Click the "Import colors and typography" checkbox and then click the Import Context button.
  8. After the installation, you will see the success message.

import-joomla-template.gif

To learn more about the Joomla Template installation, please read the following articles.

Editing Menu in Joomla

Check the Site Menu for having the link to your Online Store articles.

  1. Go to Menus -> Content / Menu 1.
  2. Click the New button to add the link to your Online Store articles.
  3. Enter the Item Name for your Product articles, for example, "Store."
  4. Then click the Select button to select the actual VirtueMart article.
  5. Select a Category and Manufacturer.
  6. Click the "Save and Close" button.
  7. Move the Store menu link up.

add-menu-item.gif

Checking Menu Position

  1. On the Menus page, switch to the Menus Tab.
  2. Check the Position of Menu 1 in the Table Row.
  3. For the Nicepage Template, the Menu is output to the hmenu position.

menu-position.png

To read more information about the Nicepage Menu in Joomla, please visit the following page.

Previewing Store in Joomla

You can preview your site's main page by clicking the Joomla Website link.

visit-virtuemart-store.png

Read More

## Overview - Install the VirtueMart Extension - Adding and Editing Products - Install the Nicepage Application - Product Templates - Editing Product Templates - Exporting a Template From Nicepage ## Install VirtueMart To create a Joomla online store with Nicepage, use the VirtueMart Extension for Joomla. 1. Go to your Joomla Administration. 2. Open Extenstion -> Manage -> Install. 3. Enter "VirtueMart" into the Seach field. 4. Select the VirtueMart Extension in the search results. ## !install-virtuemart.png! 1. Click the Install button. 2. On the next page, click the Install button again. 3. Click the Install button on the next page as well. ## !install-virtuemart-button.png! After the installation complete, you will see the message about the successful installation. !install-virtuemart-success.png! ## Adding and Editing Products **IMPORTANT**: YOU CAN ADD AND EDIT THE ACTUAL PRODUCTS ONLY IN JOOMLA IN THE VIRTUEMART -> PRODUCTS SECTION! In the Nicepage Application, you create ONLY the design of the Product Templates. ## !adding-editing-products.png! ## Install Nicepage IMPORTANT: You can edit the Product templates only with the Nicepage Application for Windows of Mac OS. 1. Please go to the Download page at htts://nicepage.com/download. 2. Click either the Windows or Mac OS button to start downloading. 3. Then click the downloaded file to run the installation of Nicepage. ## !download-nicepage.png! For example, on Windows, in Google Chrome, you can find the downloaded file on the bottom bar. !download-arrow.gif! To read more about the installation of the Nicepage Applications for Windows or Mac OS, please visit: - [Installation on Windows](page:67063) - [Installation on Mac OS](page:67064) ## Product Templates The Product Templates are part of any Joomla Virtuemart template and output the Online Store articles. Please note that you can edit your online store's Product Templates by a pixel only with the Nicepage Desktop Application for Windows or Mac OS. 1. Run the Nicepage Application for Windows or Mac OS. 2. Create a New or open Project. 3. Open the Theme List. 4. Click the Product Details Template to open the Editor. ## !open-product-template.gif! To get more information about Nicepage's Product Templates, please read the following articles. - [Product List Template](page:97480) - [Product Details Template](page:97484) - [Shopping Cart Template](page:107201) ## Editing Product Templates The Product List Template contains the Product List Element, and the Product Details Template contains the Product Details Element. You can edit the Product Templates by adding and moving the Product Elements. 1. On the Product Details Template edit page, select the Product Details Element. 2. Click the context Add Elements icon. 3. Select the Product Quantity Elements in the Add Product Elements list. 4. Move the Product Quantity up above the Product Button. ## !adding-product-quantity.gif! Click the link to read more about Nicepage's [Product Elements](page:107569). Please note that you can also find the Product Templates in the Add Elements list. ## Exporting Template From Nicepage After you finish editing, you are ready to export the Template with the Product Templates. Optionally, you can exit the Product Details Template Editor. 1. Click the Export icon on the Top Bar. 2. IMPORTANT: In the Export dialog, select the "Include Product List, Product Details and Shopping Cart Templates" checkbox to export the Product Templates. ## !export-nicepage-joomla-template.png! ### Installing Template To Joomla You can install the Nicepage's Template the same way you install any other Joomla template. 1. Open the Joomla Administration of your website. 2. Click the Extensions -> Manage -> Install. 3. On the Installation page, switch to the "Upload Package File" tab. 4. Drag or browse for the exported Nicepage Template zip. 5. In the wizard, click the Set Default button to set the Nicepage Template as default. 6. Install the Nicepage extension by clicking the Install Plugins button. 7. Click the "Import colors and typography" checkbox and then click the Import Context button. 8. After the installation, you will see the success message. ## !import-joomla-template.gif! To learn more about the Joomla Template installation, please read the following articles. - [Installation of Joomla Template and Articles](page:70107) - [Export and Update of the Joomla Template from the Nicepage Application](page:72666). ### Editing Menu in Joomla Check the Site Menu for having the link to your Online Store articles. 1. Go to Menus -> Content / Menu 1. 2. Click the New button to add the link to your Online Store articles. 3. Enter the Item Name for your Product articles, for example, "Store." 4. Then click the Select button to select the actual VirtueMart article. 5. Select a Category and Manufacturer. 6. Click the "Save and Close" button. 7. Move the Store menu link up. ## !add-menu-item.gif! ### Checking Menu Position 1. On the Menus page, switch to the Menus Tab. 2. Check the Position of Menu 1 in the Table Row. 3. For the Nicepage Template, the Menu is output to the **hmenu** position. ## !menu-position.png! To read more information about the Nicepage Menu in Joomla, please visit the following page. - [Menu with Joomla Extension](page:84640). ### Previewing Store in Joomla You can preview your site's main page by clicking the Joomla Website link. !visit-virtuemart-store.png! ## Read More - [Installation of Joomla Template and Articles](page:70107) - [Installation of the Nicepage Joomla Extension](page:70240) - [Export and Update of the Joomla Template from the Nicepage Application](page:72666). - [Export and Update of the Joomla Content from the Nicepage Application](page:73583). - [Menu with Joomla Extension](page:84640). ##