Providing ecommerce from your website

joomlaExtensionsVirtueMart allows you to make money from your Joomla website by deploying a shopping cart.  Learn how to install Joomla extensions to get yourself started. 

Visit the Joomla extensions site to review VirtueMart and to get the latest version. For this article I used Joomla 3.5.1, PHP 5.4.45 and VirtueMart 3.0.16.


Installation

Download and extract the VirtueMart .zip file.  Install the extracted files in the following order.

  1. com_virtuemart.3.0.14.zip - This is the main VirtueMart component.
  2. com_virtuemart.3.0.14_ext_aio.zip - This is the all-in-one, plugins and modules.
  3. com_tcpdf_1.0.0.zip  - A component for pdf generation.

 Note that I immediately found an update for VirtueMart and AIO to 3.0.16.  The rest of this article covers some of the initial configurations that you might want to make.

 

Uninstall AIO component

This component is only used to install all the plugins and modules.  Once they are installed it isn't needed.

  1. Go to Extensions > Manage > Manage.
  2. Filter the search to show 'allinone'.
  3. Select the Component.
  4. Click Uninstall.

 

Front-end Shop

Now we can add a link to show your shop in the front-end.

  1. Go to Menus > Main Menu.
  2. Click New.
  3. Enter Shop for the Title.
  4. Click Select for Menu Item Type.
  5. Choose VirtueMart > Front Page.

Note that nothing will be visible initially.

 

Shop Configurations

Now we can give our shop a name.

  1. Go to VirtueMart > Shop.
  2. Select the Vendor tab.
  3. Enter a name for the Shop Name and Vendor name.
  4. Select the Shopper Information tab.
  5. Enter the Bill to Information.
  6. Click Save.

 

Safe path empty... warning

We need to create a safe path for VirtueMart to store data.

  1. Using your preferred web host file manager, create a folder outside the website's root folder.
  2. Make sure you create a folder name that is more than 8 alphanumeric characters and difficult to guess.
  3. Inside this folder, create another folder called invoices.
  4. Go to System > Global Configuration.
  5. Select the System tab.
  6. Copy the Path to log folder.
  7. Go to VirtueMart > Configuration.
  8. Select the Templates tab.
  9. Paste your clipboard contents in the Safe path field.
  10. Adjust the folder name to show the folder that you just created.
  11. Click Save.

 

Add your Logo and Description

  1. Go to VirtueMart > Shop.
  2. Select the Vendor tab.
  3. Scroll to the Upload File section.
  4. Browse to your Logo.
  5. Click Save.
  6. You can also add a Description, Terms of Service and Legal.

 

Menus and Modules

Now we can add a new menu item for our shop details.

  1. Go to Menus > Add new Menu item.
  2. Give it a Title of "About us".
  3. For Menu Item Type, choose VirtueMart > Displays Vendor Details.
  4. Repeat for VirtueMart > View Vendor TOS.

We can also make all the VirtueMart Modules visible, by selecting an appropriate position for them.

 

Manufacturers

You can set up Manufacturers and even categories of Manufacturers.

  1. Go to VirtueMart > Manufacturers.
  2. In the left pane, expand Manufacturers and select Manufacturer categories.
  3. Create a New Manufacturer category (e.g. Studentwear).
  4. In the left pane, select Manufacturers.
  5. Create a New Manufacturer and add them to the newly created category (e.g. your school, or the local shop).
  6. Select the Description tab (it might be selected by default).
    1. Enter a Name.
    2. Select the newly created Category.
    3. Leave URL and email blank.
    4. Enter a Description.
  7. Select the Images tab.
  8. In the Upload file section, browse to a logo for this manufacturer.
  9. Optionally add text for the Displayed image subtitle, and the Image Alt-Text.
  10. Click Save.

 

Products

We will start be creating product categories, then we will be able to create some products.

  1. Go to VirtueMart > Product Categories.
    1. Click New.
    2. Select the Product Category Form tab.
    3. Enter a Name and Description.
    4. Select the Images tab.
    5. Add an image in the previously described way.
    6. Note that you can create heirarchy of Categories by selecting a Parent Category.
  2. Go to VirtueMart > Products.
    1. Click New.
    2. On the Product Information tab.
      1. Enter a Name.
      2. Enter a SKU (if you have one).
      3. Select the Manufacturer(s).
      4. Select the Category(s)
      5. Enter a Final Price.
      6. Check the box for Calculate the Cost price.
      7. Add an Internal Note describing the product.
    3. Select the Product Description tab.
      1. Enter a Short and full Product Description for your product.
    4. Select the Product Status tab.
      1. This tab allows you to manage stock control.
    5. Select the Product Dimensions and Weight.
      1. This tab is useful if you need to calculate postage.
    6. Select the Product Images tab.
      1. Browse to add a product image.
    7. Click Save.

 

 

  1. To change the VirtueMart logo in the Shopping Cart, edit the following file...
    1. /components/com_virtuemart/themes/default/templates/common/minicart.tpl.php
    2. and change the following to a URL of your choosing...
    3. a href="http://virtuemart.net/"
    1. You should also change the alt text to match your new URL.
  2. Change the following image to your own logo...
    1. components/com_virtuemart/shop_image/ps_image/menu_logo.gif
  3. Go to Extensions > Plugin Manager.
    1. Enable VirtueMart Extended Search Plugin.

 

VirtueMart Extensions

There are many extensions for VirtueMart, giving testament to the love for this product by developers.  Here are some that I like to use...

 

Thanks for visiting.