This page includes tips and useful modules for displaying product images in Drupal Commerce.
The Image module defines the image field type and provides image manipulation tools. It is installed by default in a standard Drupal 8 site. To help maintain consistency for the display of your product images, you can set up a custom image style. This image style will appear as one of the options for Image field formatters.
Select the Scale Effect.
The Product (570x570) image style will now appear as an option for Image field formatters.
The Image delta formatter module provides a custom formatter for image fields that are configured for multiple images. It allows the user to specify which images (deltas) should be displayed. It can be useful in cases in which a product or product variation has multiple images, but in a certain context, you only want to display a single image. For example, if you want to display multiple products in a uniform grid layout, showing just a single image per product looks best.
See the Multi-product displays documentation for an example of how this custom view mode can be used.
/admin/commerce/config/product-variation-types/simple/edit/display(for the Simple product variation type).
The Single image view mode will now be an option for displaying product variations.
The Single media is very similar to previous one, but provides field formatter for media fields that are configured for multiple images.
Found errors? Think you can improve this documentation? edit this page