Product images are set in the media section of the product editing form (see picture 38). SellStack displays product images according to simple, deterministic rules based on the image position and the optional type flag main. Images with ‘main’ type have the highest priority when being displayed in the shop, followed by the images without type. Image position can also be used to sort images, but an image type has a bigger priority. It is recommended to upload square images to avoid potential cropping. Also, avoid uploading large images.
Product images can be displayed in the following locations:
- Product detail page
- Categories listings (list)
- Categories listings (grid)
- Product in layout, latest products lists, and similar modules
Depending on the image number and the image type, we distinguish the following cases:
- Single image
If there is only one image for a product, that image is shown in all locations.
- Multiple images, no type selected
If there are multiple images and none has a type set to main, images are displayed as follows:
- Product detail page: All images, position ordering
- Categories listings (list): 1 image, position ordering
- Categories listing (grid): Gallery swiper, position ordering
- Product in layout, latest products lists, and similar modules: Gallery swiper, position ordering
- Multiple images, exactly one main image
If there are multiple images and exactly one image is marked with type main, that single main image is shown in all locations.
- Multiple images, more than one main image
- Product detail page: All images, position ordering
- Categories listings (list): 1 main image, position ordering
- Categories listing (grid): Gallery swiper, position ordering, only main
- Product in layout, latest products lists, and similar modules: Gallery swiper, position ordering, only main
Gallery swiper is a swipeable or scrollable image gallery showing multiple images in sequence.
Picture 38. Product editing form (media section) in SellStack Admin
