Auto Size Feature

Overview

When products, categories, and other records are shown in your store, different sized images are used depending on where they are being displayed.

For example, when viewing products on a category page, small thumbnail images are used. When viewing a product on its own page, a bigger image is shown. When you click on that image to get a better view an even larger image is shown.

The Auto Size feature can be used to automatically generate multiple sized images from a large source image. This also can make your store look more professional by keeping your images all at a consistent size.

Requirements

This requires the GD PHP extension which is extremely common and available on most PHP servers.

Enabling and Configuring

How to turn on this feature

Open your control panel
Click the Settings > Image Settings menu link
Check the Auto Size checkbox at the top of the page.
Click

Configuration

With the Auto Size feature turned on, you'll see additional fieldsets on the Image Settings page (mentioned above). Each of these corresponds to different records that have images, such as products, categories, etc...

Settings for images are identical regardless of whether they are for a product, category, or other record. With that in mind, we will only cover the settings for the first fieldset "Products" below.

Product records in your control panel have image fields named Large Image, Image, and Thumbnail Image. In the above image notice how the first three rows start with these same values. The outlines around these words are to indicate that the settings that follow are for those particular image fields on your product records.

We will go over all of the settings and explain them below.

Large Image

Large Image Max Dim

This setting controls the size of your largest image. For products, the Large Image is seen when you click on the regular image while on a product's page. If you have this set to the recommend size of 1000px and upload a larger image, it will be reduced in size so that the largest side of the image is 1000px.

Image

Image Source

This setting controls which image will be used as a source for the regular product image. This can be set to any other image field on the product record, or to Separate Field.

When set to Separate Field, you'll be able to assign an image for the regular Image field on your product records.

When not set to Separate Field, the regular Image field on your product records will be hidden.

Max Dim

This works just like the Large Image Max Dim field mentioned above, but for the regular Image.

Thumbnail Image

Thumbnail Image Source

This works just like the Image Source field mentioned above, but for the Thumbnail Image.

Max Dim

This works just like the Large Image Max Dim field mentioned above, but for the Thumbnail Image.

Max Mobile Dim

This works just like the Max Dim field, but for mobile devices.

Other fields

For help with other fields mouse over the field names.