LEXIPIXEL, more than just a palindrome!
• Web Designer • Web Developer • Volusion • OSCommerce • WordPress Blog • Themes • Photoshop • .PSD • Templates • Logo Design • CSS • CMS • eCommerce • Online Stores • Shopping Cart • Merchant Account • Hosting • Search Engine Marketing (SEM) • Search Engine Optimization (SEO) • Solutions! • Training & Support

November 22, 2008

Volusion Product Photos

Filed under: Volusion
Randy Harris @ 3:12 pm

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
filename-2T.jpg 250w x 250h
filename-1.jpg 150w x 150h
filename-0.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 need help creating or customizing your Volusion store, or are
considering migrating from another brand of ecommerce / shopping
cart software, feel free to contact me.

 







11 Comments »

Note: The LEXIPIXEL blog is configured to use Gravatars, (Globally Recognizable Avatars). If you don't have one yet, go to en.gravatar.com and create one, then you'll have the same avatar on any blog post you comment on if the site also uses Gravatars!.
  1. 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.

    Comment by John Deszell — December 18, 2008 @ 11:50 am

  2. Dude – HUGE HUGE HUGE HELP!!!!!

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

    Thanks a ton!
    -R

    Comment by Rob — August 25, 2009 @ 5:02 pm

  3. 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

    Comment by Bay — October 16, 2009 @ 9:27 pm

  4. 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.

    Comment by Randy Harris — October 16, 2009 @ 10:12 pm

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

    Comment by Mona — March 20, 2011 @ 12:57 pm

  6. 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

    Comment by Mona — March 20, 2011 @ 12:59 pm

  7. 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.

    Comment by Randy Harris — March 20, 2011 @ 3:07 pm

  8. 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!

    Comment by Mona — March 21, 2011 @ 8:20 am

  9. 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 ???

    Comment by Megan — November 16, 2011 @ 8:54 pm

  10. 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.

    Comment by Randy Harris — November 16, 2011 @ 10:01 pm

  11. 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.

    Comment by Megan — November 16, 2011 @ 10:57 pm

RSS feed for comments on this post. TrackBack URL

Leave a comment


Home | Site Map | Links | Email Us

• eCommerce Websites • Shopping Carts • Online Stores •
• Web Design • Photoshop • Logo Design • Custom Programming •
• SEO • SEM • PPC • Display Ads • Solutions! •

Contact: Randy Harris (508) 371-8822
Framingham, MA (USA)

Copyright ©2012 LEXIPIXEL.COM, all rights reserved.
WordPress v.3.3 blog designed by LEXIPIXEL