Aspect ratio

The aspect ratio means if an image is in landscape, square or portrait mode.

The theme uses the aspect ratio of your product images to improve the image displays in the product boxes and in the detail page gallery.

Set up the aspect ratio

Option A - Predefined aspect ratios

With the configuration [!] Aspect ratio product images (1) you can select a aspect ratio from different predefined ratios.

Option B - Calculated aspect ratio

But product images are not always available in predefined aspect ratios. Therefore, you can use the [!] Width product image (2) and [!] Height product image (3) fields to calculate the aspect ratio of your product images. Therefor you have to check the width and height one of your product images and insert the values in this configuration.

If your product images have different aspect ratios, Option A - Predefined aspect ratios may be the better option for you.

The advantage explained in detail:

When displaying product images without considering the aspect ratio, the image format changes permanently with each viewport width. This means that you have no control over your product images.

Product images do not scale proportionally, the image area of the image has a fixed height. The image is either cropped or white space is created.

Theme advantage - Use the aspect ratio

When displaying product images considering the aspect ratio, the image aspect ratio does not change. This means you have more control over how your product images are displayed.

By specifying the aspect ratio, we scale the image area proportional.

Advantages:

Last updated