Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

How to use Image Focal Point with the theme?

Maria Do

Written by Maria Do

Last updated

1040 views

On this page


Image Focal Point is a feature which helps you choose the most important part of an image on your store. Focal points always appear in frame, even if you have a section that crops your image to fit the layout.

Some notes about Image Focal Point feature:

  • You can only have one focal point per image, but you can change it or remove it at any time.

  • You can add a focal point to an image from Shopify Settings > Files, and from Theme editor. If you add a focal point on an image, and then use the image in multiple places, then they all use the same focal point.

  • Our theme is supported for this feature. If you see the message: "This section of your theme doesn’t support focal points", you can ignore it.

Image Focal Point will not be applied in these cases:

  • The product, blog, collection images from Shopify data

  • The section with the Parallax image

  • The section with Full image or image has ratio: adapt to image

1. Add focal point from Files

Please follow this video to add a focal point to your image from Shopify > Content > Files.

2. Add focal point from Theme editor

Please follow this video to add focal point from Theme editor:

3. Add different focal points to the same image

Please notice that you can only have one focal point per image. So if you want to show more than 1 focal point to the same image on different sections or pages, you have to upload that image many times with different names.

Step 1: Upload images with different names

24.png

Step 2: Config different focal points for images in Theme Editor


Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.