Knowledgebase: Site Design

How Does Image Resizing Work for Products?

 

In your Shift4Shop Online Store Manager, you can set the default sizing for product images that your store will use. This helps in making your image files conform to a specific parameter and give you some uniformity as to how your products are displayed. To set these parameters, go to Settings >General >Store Settings and click on the "Products Display " tab. Within the "Products" section of that page, you will have the following parameters available:

  • Thumbnail image size
    The size confinements for your store's small thumbnail images when they are created by the store.
    Thumbnail images usually appear in category pages, as related/upsell items, or on the home page.
    (The default for Thumbnail is 150 pixels by 150 pixels.)
  • Product page image size
    The size confinements for your store's main product images shown on the product listing page.
    (Default is 300 pixels by 300 pixels.)
  • Large image size
    The size confinements for your store's zoomed images and also the size that large images will be compressed to when assigning them to products.
    (Default is 450 pixels by 450 pixels.)

Important Notes:
The size confinements mentioned above will apply to images as they are assigned to products in the Shift4Shop Online Store Manager.

In other words, if you have an image that is 600x600px, and assign it to a product via the Online Store Manager interface, the image will be compressed to the Large Image and Thumbnail Image constraints accordingly. The resizing will occur during the image assigning process. If the original 600x600 image were to be re-uploaded after the product image has been assigned, you will overwrite the sizing.

It is also important to note that images which are uploaded to your site (whether via FTP or the file manager) and then assigned through a CSV import will not be affected by these settings.

Furthermore, please also note that the resizing described here is intended to constrain your images to the entered values.  The software will not enlarge images if they are below the size measurements listed in the Online Store Manager

The size confinements will resize and confine your images to be within your specified parameters. Therefore it will resize the largest side of your image so that the overall image falls within the set parameter ranges. In other words, if your main image parameter is set to use the default 300x300 resolution but your image is wider than it is tall - for example; 600px width x 400px height - the parameters will resize the image so that its width falls within the 300 pixel range. (i.e. 300x200)

Alternately, if the image is taller than it is wide (400x600), the parameters will resize it so that its height is confined to the 300 pixel range and make it 200x300.

Tip:
On your Shift4Shop store, you can use both wide (landscape) images and tall (portrait) images for your products interchangeably. However, in order to provide some further sense of uniformity to your image displays, you may want to keep the same format for all your images. (i.e. all your images are portrait, or all images are landscape, or perhaps all images are square, in order to avoid automatically resizing them differently from each other)


Help Desk Software by Kayako fusion