Knowledge Base
Shopping Cart Software Online Manual
Product Thumbnail Images
Product Groups: Create a product with a print and download version Replace product thumbnail images
Location Home > Shopping Cart Software Components > Administration Area > Products > FAQs & Tutorials

Product Thumbnail Images

When product images are uploaded in the store's admin area, the shopping cart automatically attempts to create a set of thumbnail versions of each image. By default, the thumbnail sizes are as follows:
  • Medium: 300 pixels wide
  • Small: 150 pixels wide
  • Basket: 50 pixels wide
Since thumbnail images are smaller than the full-size images, they use less bandwidth and take up less screen space, making them ideal for use in storefront templates that may list several products, or that may have a limited area in which to display product details.
Image File Names and Folders

Product images are saved in the store's images directory. Multiple folders may be added within the images directory, to organize product images. 

The store's images directory may contain multiple folders to organize product images, such as images/default/ and images/product_images/:

File or Folder Name   File or Folder Path
[store directory]   /
images   /images/
  default   /images/default/
  product_images   /images/product_images/
    product_photo.jpg   /images/product_images/product_photo.jpg

Within each folder in the images directory, the shopping cart automatically creates a set of folders to contain the set of thumbnail versions of the images saved in the folder. Each folder in the images directory contains the following set of folders for thumbnail images:  thumb_mthumb_sthumb_b

The shopping cart associates thumbnail images to corresponding full-size images based on file name and folder. Each thumbnail image is located within the appropriate thumbnail folder (thumb_mthumb_s, or thumb_b) and has the exact same file name as the associated full-size image. 

If the images directory contains the folder product_images, which contains the full-size product image named product_photo.jpg, then the corresponding thumbnail images are as follows:
/images/product_images/product_photo.jpg (full-size image)
/images/product_images/thumb_m/product_photo.jpg (medium thumbnail)
/images/product_images/thumb_s/product_photo.jpg (small thumbnail)
/images/product_images/thumb_b/product_photo.jpg (basket thumbnail)

File or Folder Name   File or Folder Path
[store directory]   /
images   /images/
  product_images   /images/product_images/
    product_photo.jpg   /images/product_images/product_photo.jpg
    thumb_m   /images/product_images/thumb_m/
    product_photo.jpg   /images/product_images/thumb_m/product_photo.jpg
    thumb_s   /images/product_images/thumb_s/
    product_photo.jpg   /images/product_images/thumb_s/product_photo.jpg
    thumb_b   /images/product_images/thumb_b/
      product_photo.jpg   /images/product_images/thumb_b/product_photo.jpg

— Last Edited - 08/4/2014 2:49pm PDT
Rank and add a comment to this article
Only logged in users may leave comments and rank articles. Log in to have your say!
  Knowledge Base Home

  QuickCode™ Tag Glossary

  Modular Homepage

Not Logged in.
Either Log in or create a User Account.

Other articles in this category...

Add a remotely hosted image to a product

Add an existing image to a product

Create duplicate products

Creating a Gift Certificate

Creating Product Bundles

How remotely hosted product images are handled

Introduction to Product Attributes

Introduction to Product Fields

Introduction to Vendor Royalties

Product Groups: Create a group of products with different prices

Product Groups: Create a product with a print and download version

Product Thumbnail Images

Replace product thumbnail images

Sell Serial Numbers, License Keys or Registration Codes

When are royalties calculated?