The product image is displayed on the single product page and on product listings. The product image and gallery options are in Products > Settings > Catalog Design > Single Page Design.
Default Product Image
The default product image is used on single product page and on product listing when no image is assigned to the product. Default product image can be disabled for single product page in product gallery settings.
You can set your own default image in the Default Product Image section, or reset it to the one provided with the plugin.
Product Gallery Settings
There are four options to choose:
- Enable image – this is checked by default. Uncheck it to disable the image on the product page: the product image will not show up on the product page but will still be used on the product listing.
- Enable lightbox gallery – this is checked by default. When unchecked, the lightbox is disabled and the image on the product page is not clickable.
- Enable image magnifier – this is checked by default. The image on the product page is magnified when the mouse cursor points at it.
- Enable image only when inserted – this is unchecked by default. When checked, the default image is not shown on the product page when no image is assigned to the product. The default image is still used on the product listing.
Assigning image to the product
Every product add/edit page has a Product Image box to set or change the product image. To set the image, click the Set main product image link and choose the right image in the media library. The catalog enables image support for products, so this works with any theme.
Removing product image
After the image is assigned it will appear on product edit/add screen. To change the product image, click Remove main product image. When it is removed, you can set it again.
How to add more product images?
Product description allows to set as many images as needed for the product. To do that simply click “add media” on product description field.
See Best product image resolution and size to make your images sharp, and Select Product Page Template to change the product page layout.