Focal Points

Focal points give you more control over the way your image is displayed when you use different aspect ratios, and on varying screen sizes. You can only have one focal point per image, but you can change it or remove it at any time.

More details from Shopify's guide here: https://help.shopify.com/en/manual/online-store/images/theme-images#set-a-focal-point-on-a-theme-image.

A basic example of the focal point can be previewed on this section:

You can see that the uploaded image is taller than wider.

This means that part of it will be cropped when visualized on the corresponding section.

If you need to have a specific area of the image be visible, you can change this by changing the focal point.

This can be done by clicking the Edit button on top of the image. You will see the following popup.

From here, you can change the focal point and this will show a different part of the image when saved.

For example: