Images are measured and set in pixels, for example, 1200 x 1200 pixels. Note that the first number is the width and the second is height.
Quality pictures catch eyes, well-lit and nicely framed square images on a white background with minimum 600×600 pixels and maximum of 1200×1200 pixels with a resolution of 72dpi work best.
We recommend organising your images in a folder on your computer offline and keeping a backup in case you need them in the future or mistakenly alter one and wish to revert to the original.
Types of Images
OnShop uses three types of Product Images for different locations and purposes:
- Single Product Image is the largest image and refers to the main/featured image on your individual product details page.
- Catalogue Images are medium-sized images appearing in product loops, such as the Shop page, Product Category pages, Related Products, Up-sells, and Cross-sells.
- Product thumbnails are the smallest images used in the Cart, Widgets, and Gallery thumbnails underneath the Single Product Image.
Adding Product Images and Galleries
Adding product images and galleries are options available on the right-hand side when adding or editing a product in your store from OnShop > Products.
The Product Image is the main image for your product and is reused in different sizes across your store.
Select Set Product Image when adding or editing products. Select an existing image in your Media Library or Upload a new one. Remove and Edit the product image if you’d like to change it, as needed.
Add images to the Product Gallery
Product galleries display all images attached to a product through the Product Gallery box.
Create a Product Gallery using the same method as adding a Product Image, but using the Product Gallery box when adding or editing products.
Images in the product gallery can be re-ordered easily via drag and drop. Simply reorder your images by moving them around.
To remove an image from the product gallery, hover over the image and click on the red “x.”
Once a product image and gallery have been added, customers can see them in your store.
It’s also possible to Zoom and see a closeup of the image by hovering over it or customers can click the Magnifying Glass+ option in the upper right corner.