Setting a focal point on an image

You can use focal points to define the most important part of an image on your online store. When you set a focal point on an image, you make it the area of focus.

Focal points always display in frame, even if you have a theme that crops your image to fit the layout.You can only have one focal point per image, but you can change the focal point or remove it at any time. If you add a focal point to an image, and then use the image in multiple places on your online store, then the same focal point applies wherever you use the image.

1. Add a focal point to an image

Depending on the way your theme crops and resizes your images, the focal point might not always be visually centered.

Steps:

• Click an image from any of the following locations in your Shopify admin:

  • In the Content > Files section.

  • In the theme editor.

  • In the Media section of your product listings in the Products section.

  • In the Shopify Email editor.

  • In the Metafields section of any resource that has a File reference type metafield for adding an image.

• To select the part of the image where you want to set a focal point, either click the image or drag the blue dot.

• Click Save.

2. Remove a focal point from an image

Steps:

• Click an image from any of the following locations in your Shopify admin:

  • In the Content > Files section.

  • In the theme editor.

  • In the Media section of your product listings in the Products section.

  • In the Shopify Email editor.

  • In the Metafields section of any resource that has a File reference type metafield for adding an image.

• Click Remove.

• Click Save as new.