Volusion Product Photos

This article is intended for Volusion ecommerce software users and contains information about preparing product image files for bulk upload when importing large amounts of products using product data prepared offline or exported from another source.

The information is also helpful if you are migrating from another ecommerce / shopping cart platform and want to save time converting your existing store’s product photos for use in Volusion.

For Volusion stores with only small number of products, using the Admin console to upload your product images is very easy. You simply create a product record, click the Upload New Photos link, and follow the prompts. Volusion will automatically size and store your product image file, and create the various sizes it needs to display on category, product and check-out pages.

If you are using the Import/Export features of Volusion to upload a .CSV or MS-Excel spreadsheet containing hundreds, or thousands of product records, you also need to upload the image files needed for each product.

When using the Admin console to manually upload product image files, Volusion takes the first image file you upload for a given product record and creates (4) images for use in the online store.

The following instructions demonstrate how to create the needed image files and upload them so they’re matched up with the proper product records.

Regardless of the name of the original image file you upload, Volusion renames the four images to match the ProductCode, and adds the suffixes 0, 1, 2 and 2T. For example, for ProductCode: ABCD-0001 the resulting images would be named:

FILENAME WHERE USED
ABCD-0001-2.jpg when “LARGER PHOTO” button is clicked on product page
ABCD-0001-2T.jpg on PRODUCT page
ABCD-0001-1.jpg on CATEGORY page
ABCD-0001-0.jpg as icon in SHOPPING CART at checkout

 

Suggested image sizes:

FILENAME IMAGE SIZE (width x height)
filename-2.jpg 500w x 500h
filename2T.jpg 250w x 250h
filename1.jpg 150w x 150h
filename0.jpg 50w x 50h

 

The sizes of the images can be set on a product by product basis, or you can set a default for all product photos. To keep layout of your store looking neat and organized, its better to use default size(s) through out the store, (note: using default sizes will also make it easier to maintain the image files for your store, although in some cases it may be desirable to use alternative sizes).

To manually replace image files, or to batch upload files when you are importing PRODUCTS into the store (from a .CSV or Excel spreadsheet), you can create the image files offline and FTP them into the directory where Volusion stores them:

/vspfiles/photos/

If you do not already have FTP software, you can download and install a free copy of FileZilla from http://filezilla-project.org/

To create the various sizes needed, you can use Adobe CS programs PhotoShop, ImageReady and Bridge and use actions or create droplets if you plan to reuse the processes in the future, (if you use Adobe CS and do not know how to process a batch of files, search Adobe Help for the word “batch” and follow the steps needed to create the actions to process and resize as needed). In addition to resizing and renaming you may want to use PhotoShop to add a watermark or copyright data to the larger image sizes, or add sharpness, color correction or other image enhancements during the batch process.

If you do not have Adobe CS, you can download a copy of IrfanView, ( http://www.irfanview.com/ ), which has very good batch rename and resize features, (the software is free to download with a “suggested donation” of 10 Euros to the author via PayPal… and it’s well worth it!).

In IrfanView you’ll find the Batch Conversion/Rename function listed in the File menu pull-down;

 

 

Once you open the batch screen, check off Batch Conversion – Rename Result files, then select the Output format (JPG), then check off the Use Advanced Options setting, and fill in the Name Pattern field. You would enter $N-2 to produce the first size, (you’ll later repeat the batch process with $N-2T, then $N-1 and finally $N-0)…

 

 

Once you have those setting in place, click the Advanced button where you can set the output size (width and Height in pixels) for the batch, and any other options you want to use such as adding a little sharpness or color correction.

IMPORTANT NOTE: If you use the Overwrite Existing option, make sure to set your image output directory to something other than the folder where your original images are stored.

 

 

Once you’ve set everything the way you want, you can click Save Settings, which will let you create a named file you can use later if you need to repeat the process, (hint: give the file a name that will mean something to you later). When you’re done, click OK.

Next, you select the image(s) you want to process.

 

You can either select individual files, or click Add all after you navigate to the folder containing your original product images. When you’re ready, click Start Batch.

NOTE: JPG is a “lossy” image format. To achieve small file size, the JPG format uses image compression that throws away some of the small details from the image’s data. Because of this, it’s always better to batch process and generate each set of image files from the (largest) original images you have.

 

A few more digital image / Volusion product photo tips and hints:

– Product Images are one of the most important selling points in your Volusion store. Creating the best quality, most inviting images you can is one of the things that can set your merchandise apart (and above) the competition. Your online store is the front-line between you and your customers, and the photos of your products sell your products. Even if your product is well known, using blurry, grainy, or other low quality images can make an otherwise high quality product look like junk.

– Try to photograph your products in a way that will show the size of the item. You can either place something in the photo, (a ruler to show dimensions, a coin to show the comparative size of smaller items, a person’s hand holding an item, something that will allow the visitors to your site to get an idea of the actual size of the product). If you sell product that are different sizes, be sure your photos demonstrate the size difference — if the products are organized in a group, take a photo of the different sizes and include it in the product listing, in the category page or in an article linked to the category or product pages(s).

– If your store has a very busy or colorful template, use plenty of white space around your product images so the product will stand out from the page.

– For most store layouts, having all your product images the exact same size, (height and width in pixels), will make your home page featured products, category pages and search results pages look clean, organized and easier to browse.

If you find my blog useful, and would like to repay me for the help — and are going to be setting a hosting account anyway, I’d appreciate if you’d use the link (below) and setup a hosting account at WestHost.

www.westhost.com

(I get a commission, and it’s doesn’t cost you anything!)

WestHost Business Hosting plans are only about $10 to $15/mo and will give you plenty of Disk Space and Bandwidth! They also have great 24/7 Toll Free 100% U.S. Based Support, (which you’ll rarely need because everything works the way it’s supposed to!)

If you need help creating or customizing your Volusion store or any type of website, or are
considering migrating from another brand of ecommerce / shopping cart software, feel free to contact me for a no-obligation, no-hassle consultation.
Posted in Volusion Tagged with: , , , , , ,
11 comments on “Volusion Product Photos
  1. John Deszell says:

    Thanks for the Great Tutorial!

    Really saved me lots of trouble and time, doing a bulk upload of 1137 products at once. I could have done this in Photoshop, but your tutorial with IrfanView was really easy to follow.

  2. Rob says:

    Dude – HUGE HUGE HUGE HELP!!!!!

    Why they dont put this in their knowledge base is beyond me.

    Thanks a ton!
    -R

  3. Bay says:

    Randy,

    I just wanted to know the maximum number of photos that can be loaded on the volusion per product and how to configure that. I most of my products have 5 to 6 photos. How do I go about this if its possible.

    Thanks

  4. Randy Harris says:

    Volusion takes the first photo you upload and considers it the “main product photo”, and then builds a set of additional images if you upload more than one. From what I’ve seen, you can upload as many as you like, (I’ve tried a dozen just to be sure.. it didn’t appear to have any limit).

    Let’s say you had a product named ABC-123.

    The files for the MAIN PRODUCT PHOTO will be:

    /vspfiles/photos/ABC-123-0.jpg
    /vspfiles/photos/ABC-123-1.jpg
    /vspfiles/photos/ABC-123-2.jpg
    /vspfiles/photos/ABC-123-2T.jpg

    Volusion will then store ADDITIONAL IMAGES as:

    /vspfiles/photos/ABC-123-3.jpg
    /vspfiles/photos/ABC-123-3T.jpg
    /vspfiles/photos/ABC-123-4.jpg
    /vspfiles/photos/ABC-123-4T.jpg
    /vspfiles/photos/ABC-123-5.jpg
    /vspfiles/photos/ABC-123-5T.jpg
    .
    .
    /vspfiles/photos/ABC-123-10.jpg
    /vspfiles/photos/ABC-123-10T.jpg
    /vspfiles/photos/ABC-123-11.jpg
    /vspfiles/photos/ABC-123-11T.jpg
    /vspfiles/photos/ABC-123-12.jpg
    /vspfiles/photos/ABC-123-12T.jpg
    etc…

    Volusion then creates a thumbnail gallery below the main product photo, (on the product display page), using these images.

    You can set the sizes you want for the photos and thumbnails — they should all be consistent for best layout / appearance, but don’t have to be.

    Hope this helps.
    Randy.

  5. Mona says:

    Can you please tell me – in which filed should the image urls be placed in the csv sheet?

  6. Mona says:

    i mean which field – like we have productcode, productname, categoryids and stuff – now volusion says – The following three fields cannot be imported back in: [ProductURL, PhotoURL, CategoryTree]. So which is the field for the images once i have placed in the ‘/vspfiles/photos/’ by ftp

  7. Randy Harris says:

    They are not entered into the CSV at all. They are matched against the product code and numbering scheme outlined in this article. e.g.- if you have product code ABC123XL the images that product would use are:

    /vspfiles/photos/ABC123XL-0.jpg
    /vspfiles/photos/ABC123XL-1.jpg
    /vspfiles/photos/ABC123XL-2.jpg
    /vspfiles/photos/ABC123XL-2T.jpg

    etc.

  8. Mona says:

    Thanks – worked like magic! And the Irfan Viewer batch resizing and renaming is so much faster and simpler than Photoshop batch processing! Excellent tutorial too! Thanks a lot Randy!

  9. Megan says:

    So referring to your example above, if my product code is ABC123XL I can’t just FTP that image?
    I would have to FTP it as ABC123XL-0, ABC123XL-1, ABC123XL-2 and ABC123XL-2T ???

  10. Randy Harris says:

    Unless Volusion has changed something about the software since I wrote this three years ago, “yes”.

    Then again, you could spend the 2 minutes it would take to test FTP’ing a product image and know for sure.

    Sorry to sound abrupt, but I am tired of doing other people’s homework — including Volusion’s.

  11. Megan says:

    Ok, sorry to bother you my question I was just uncertain if that’s what you meant from your post above. This has helped a lot and yes I just tested that idea and it works. So thanks.