Wix Stores: Setting How Store Images Are Displayed

Displaying great product images is one of the most important keys to e-Commerce success.

How images look in your store depends on the images you upload (the resolution, aspect ratio, etc.) and how you set image to be displayed in your store.

This article will walk you through the image resizing and ratio options available in your editor.

Understanding image resizing

Where images are displayed, you'll see two resizing options: Crop and Fit.

Crop

Images are cropped so that they are all the same size. If you upload images in different sizes and with different aspect ratios, part of the image may be cut off.

Fit

If you select the fit option, the entire image is displayed and keeps it's original aspect ratio. Images in your gallery will not have the same aspect ratio unless the original images had them.

Tip:

To create a Product Gallery with a clean look featuring same-size images, and to avoid any images being cut off, we recommend uploading images with the same aspect ratio when creating your products.

Understanding image ratio

Image ratio, also known as aspect ratio, is how wide an image is in relation to how tall it is. When selecting a setting, take into consideration the layout you choose for the Product Page, Category Page, or Product Gallery.

For example, the classic layout in the Product Page supports all image ratios. Other layouts look best with wider images.

Tip:

For viewing on a mobile device, the recommended image ratio is 1:1 (a square picture).

Selecting image settings in a Product Gallery

1. Go to the relevant Product Gallery in the editor.

2. Click the Product Gallery.

3. Click the Settings icon

   

   .

4. Click the Layout tab.

5. Select an image ratio.

6. Choose an option under How's image resized?:

   • Crop: Images are cropped to the same size.

   • Fit: Displays the entire image.

Selecting image settings in the Product Page

Make sure your images look great in the Product Page by selecting settings that work with your image's aspect ratios.

Wix Editor

1. Go to your editor.

2. Go to your Product page:

   1. Click Pages & Menu

      

      on the left side of the editor.

   2. Click Store Pages.

   3. Click Product Page.

3. Click the Product Page element on your page.

4. Click Settings.

5. Click the Layout tab.

6. Choose an option from the Image ratio drop-down.

7. Choose an option under How's image resized?:

   • Crop: Images are cropped to the same size.

   • Fit: Displays the entire image.

Studio Editor

1. Go to your editor.

2. Go to your Product page:

   1. Click Pages

      

      on the left side of the editor.

   2. Click your Product page under Store Pages.

3. Click the Product Page element on your page.

4. Click the Gallery element on your page.

5. Click Change Layout.

6. Select a layout.

7. Click Customize Layout.

8. Customize your image using the available options.

   Note: Options vary depending on the layout you select.

Wix Harmony Editor

1. Go to your editor.

2. Click the Page dropdown at the top left of the page.

3. Select the Product page under Store Pages.

4. Click the Product page in the editor.

5. Click the Settings icon

   

   on the action bar.

6. Click the Layout tab and scroll down to the Product Images section.

7. Choose an option from the Image ratio dropdown.

8. Choose an option under How's image resized?:

   • Crop: Images are cropped to the same size.

   • Fit: Displays the entire image.