Archive for August, 2010

Aug 11 2010

How To Upload Product Images Using VirtueMart in Joomla

Published by under Joomla

Uploading Product images to VirtueMart can be done either by going through the back end administrator control panel in Joomla or through the front end. When I am making a quick change sometimes I will go through the front end rather than the back end of the site, depending on what I am doing it  can be much faster.

Below is a  bulleted list that I put together for a client.

  1. VirtueMart BACK END Updates – Login as you normally would at this page http://www.yoursitename.com/administrator/
    • Click on the Components Tab across the top in the main control panel
      scroll down to VirtueMart (they are alphabetical) and click
    • Now you are in the store control panel. On the left is the Administration Panel go to Products >> List Products
    • From the list of products find the item you want to change or add an image. Click the media icon in the specific product row you have selected
    • A Pop Up window will appear for this specific product “FileManager :: Image/File List for (product name)”.  Click on the image file name, then a new screen will appear
    • Upload a File for: (product name)
      click the “Choose File” button and find the image on your local computer

      Pick the File Type

      Check the image sizes, if you want both the full and thumbnail images

      File is published? Check this box if you want to publish the image(s)

    • Next to complete the job-
      Top Right options to save your work
      Save – to save what you have done
      Back – to go back to the other window
      Cancel – go back to FileManager
    • Return to FileManager::Image/File List for (product name) in the pop up window
      Choose what you want to do with the images – publish or remove
      Also you can view the images you have uploaded
  2. VirtueMart FRONT END Updates – Login at the customer login box on the front end of the website http://www.yoursitename.com/
    • Find your product
      Then go to the product detail page
      (url may look something like this:
      http://www.yoursitename.com/index.php?page=shop.product_details&flypage=yourcart_flypage.tpl&product_id=63&category_id=11&option=com_virtuemart&Itemid=55 )
    • Click on the little pencil near the name of the product on the top left

    • This will bring you to the “Flypage”  for the product, click or open the Product Images Tab Under the “Update Item :: Product name ” heading
    • There will be two choices Full Image and Thumbnail Image
      Full Image >> click the “Choose File”  button and find the image on your local computer
      Image Action will change to Auto-Create Thumbnail
      Choose none if you don’t want a thumbnail
      Save – to save what you have done and leave the window
      Apply – to save what you have done and stay in this window
      Cancel – to go out of the window

I hope you find this helpful when updating your e-commerce, shopping cart.

One response so far