Upload photos of your products

Visual representations of your products are important for the successful running of your website. When creating or editing a product, you can upload one or more images to each variant of your products that visitors can flip through while browsing the product page.

Screenshot_2020-10-19_at_12.07.24.png

Follow these steps to successfully upload photos of your product:

 

Add a file or choose one from the File Library

You can add a photo of a product variant by uploading it from your own computer. You can do so simply by clicking on the Add or Drop File button. If you want to use an image you've already uploaded in the Editor, choose the existing image from your File Library by clicking on Select from File Library.

2.png

 Recommended product image sizes and ratios

It's important that you upload product images with a size of at least 700x700 pixels. This gives the best quality of images on the catalog and product pages, and it also ensures that the product zoom function works correctly.

Furthermore, uploading images with the same aspect ratio (height and width) gives a more consistent look on the catalog where products are displayed side by side. However, if you choose to upload different sized images, you can then choose to adjust the size of the product thumbnails in the catalog. The Editor gives you this flexibility to create the look and feel as you most prefer.

 

Set a primary image

Hover your mouse over the uploaded images, and drag on them to change the order in which they are displayed to visitors. The image furthest to the left serves as the primary image which is displayed on the Product catalog module and as the featured image if you share the product URL on social media.

3.png

 

Edit, replace and remove photo

By clicking on the arrow right by the photo's name, you will get the option of editing, replacing and removing it. If you click on Edit you will open the Image Editor; Replace will open the File Library so you can select another picture, and Remove will delete the existing picture.

Under the Alternative text option, write a small descriptive alternative text that will improve your product's performance regarding search engine result listings.

4.png

Was this article helpful?
0 out of 0 found this helpful