How to adjust the display of images on product listings on PC site?

In the "Layout" property of the list control, there are three image display modes: Crop, Stretch, and Fit.

① Crop:

When selecting the Crop mode, the system maintains the thumbnail's aspect ratio and crops the image according to the display area size of the list image.

Advantage: No blank spaces above or below the image, and the original image's proportion remains unchanged. Disadvantage: The original image may appear incomplete due to cropping.

② Stretch:

When selecting the Stretch mode, the system stretches the image to fit the display area size of the list image.

Advantage: No blank spaces above or below the image, and the original image displays completely. Disadvantage: The original image may become distorted due to stretching.

③ Fit

When selecting the Fit mode, the system displays the image according to its original proportion.

Advantage: The original image displays completely while maintaining its aspect ratio. Disadvantage: If the image's proportion doesn't match the display area's proportion in the list, blank spaces may appear on the top, bottom, left, or right of the image.