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.
example
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_m, thumb_s, thumb_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_m, thumb_s, or thumb_b) and has the exact same file name as the associated full-size image.
example
|