To build an E-Commerce website with Nicepage, install Joomla on your hosting, VirtueMart Extension, and import the exported Nicepage Template with E-Commerce Products to your Joomla website.

NOTE: The following example shows how to install the Nicepage Editor Extension and Content for Joomla 3.x.

Install VirtueMart

To install the VirtueMart Extension to your Joomla website, please do the following.

  1. Go to the Joomla Administration.
  2. Open Extenstion -> Manage -> Install.
  3. Enter "VirtueMart" into the Seach field.
  4. Select the VirtueMart Extension in the search results.
  5. Click the Install button.
  6. On the next page, click the Install button again.
  7. Click the Install button on the next page as well.
  8. you will see the success message if the installation is complete.

install-virtuemart.png

Manage Products

You have two options to edit Products.

  1. You can manage Products in the Products Panel on Nicepage and then import your changes to Joomla.
  2. You can also do that in the Products section of your Joomla admin.

edit-products.png

Product Page Templates

The Product Page Templates are part of a Joomla theme and are used to output Products on your website.

  1. Option the Nicepage Application.
  2. Open your Project.
  3. Go to the Templates Panel on Quick Access.
  4. Click the Product List Template and edit it in the Editor.
  5. Edit other Product Templates if needed.

product-templates.png

Export Nicepage Template

When you finish the design, export the Joomla Template with Products. Click the Publish button to export the Theme with the Product Templates.

IMPORTANT!

  1. Check the "Include E-Commerce Templates" checkbox in the dialog to export the Product Templates.
  2. If you have Products in the Nicepage Project, check the "Include E-Commerce Products" checkbox.
export-joomla-template.png

Install Template Into Joomla

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

  1. Open the Joomla Administration.
  2. Click the Extensions -> Manage -> Install.
  3. Switch to the "Upload Package File" Tab.
  4. Drag or browse for the exported zip.
  5. In the wizard, click the Set Default button to set the Nicepage Template as default.
  6. Сlick the Install Plugins button to Install the Nicepage Extension.
  7. Click the "Import colors and typography" checkbox.
  8. Then click the Import Content button.
  9. After the installation, you will see the success message.

import-joomla-template.gif

Edit Joomla Menu

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

  1. Go to the Joomla Administration.
  2. Open Menus -> Content / Menu 1.
  3. Click New to add the link to the Online Store.
  4. Enter the Name, for example, "Store."
  5. Select the VirtueMart Article.
  6. Select the Category and Manufacturer.
  7. Click "Save and Close."
  8. You can move the Store link if needed.

add-menu-item.gif

Verify 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

Open Joomla Store

Click the Joomla Website link to open and preview the main page of your website.

visit-virtuemart-store.png

Additional Info

To build an E-Commerce website with Nicepage, install Joomla on your hosting, VirtueMart Extension, and import the exported Nicepage Template with E-Commerce Products to your Joomla website. **NOTE:** The following example shows how to install the Nicepage Editor Extension and Content for **Joomla 3.x**. ## Install VirtueMart To install the VirtueMart Extension to your Joomla website, please do the following. 1. Go to the Joomla Administration. 2. Open Extenstion -> Manage -> Install. 3. Enter "VirtueMart" into the Seach field. 4. Select the VirtueMart Extension in the search results. 5. Click the Install button. 6. On the next page, click the Install button again. 7. Click the Install button on the next page as well. 8. you will see the success message if the installation is complete. ## !install-virtuemart.png! ## Manage Products You have two options to edit Products. 1. You can manage Products in the Products Panel on Nicepage and then import your changes to Joomla. 2. You can also do that in the Products section of your Joomla admin. ### !edit-products.png! ## Product Page Templates The Product Page Templates are part of a Joomla theme and are used to output Products on your website. 1. Option the Nicepage Application. 2. Open your Project. 3. Go to the Templates Panel on Quick Access. 4. Click the Product List Template and edit it in the Editor. 5. Edit other Product Templates if needed. ### !product-templates.png! ## Export Nicepage Template When you finish the design, export the Joomla Template with Products. Click the **Publish** button to export the Theme with the Product Templates. **IMPORTANT!** 1. Check the "Include E-Commerce Templates" checkbox in the dialog to export the Product Templates. 2. If you have Products in the Nicepage Project, check the "Include E-Commerce Products" checkbox. !export-joomla-template.png! ## Install Template Into Joomla You can install the Nicepage's Template the same way you install any other Joomla template. 1. Open the Joomla Administration. 2. Click the Extensions -> Manage -> Install. 3. Switch to the "Upload Package File" Tab. 4. Drag or browse for the exported zip. 5. In the wizard, click the Set Default button to set the Nicepage Template as default. 6. Сlick the Install Plugins button to Install the Nicepage Extension. 7. Click the "Import colors and typography" checkbox. 8. Then click the Import Content button. 9. After the installation, you will see the success message. ### !import-joomla-template.gif! ## Edit Joomla Menu Check the Site Menu for the link to your Online Store articles. 1. Go to the Joomla Administration. 2. Open Menus -> Content / Menu 1. 3. Click New to add the link to the Online Store. 4. Enter the Name, for example, "Store." 5. Select the VirtueMart Article. 6. Select the Category and Manufacturer. 7. Click "Save and Close." 8. You can move the Store link if needed. ### !add-menu-item.gif! ## Verify 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! ## Open Joomla Store Click the **Joomla Website** link to open and preview the main page of your website. !visit-virtuemart-store.png! ## Additional Info - [Install Joomla Template and Content](page:70107) - [Install Joomla Extension](page:70240) - [Update Joomla Template](page:72666) - [Update Joomla Content](page:73583) - [Edit Joomla Menu](page:84640) - [Product List Template](page:97480) - [Product Details Template](page:97484) - [Shopping Cart Template](page:107201) ##