How to use Image Focal Point with the theme?

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.
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 > Files.
Add focal point from Files

2. Add focal point from Theme editor

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
Upload images with different name
Step 2: Config different focal points for images in Theme Editor
Config focal points for images

[Private offer] Kalles Partner Plan

Don't have to be tech-savvy, you surely can create your powerful and eye-catching store with EComposer - Visual Page Builder app (Our free add-on for Kalles):
  • FREE 100% lifetime (save you $150 annually)
  • Build any essential Shopify pages & Landing page, Sales Funnel Page, Lead pages, etc. tailored for your marketing campaigns, ads.
  • Create advanced sections & add to Kalles with ease
  • Anyone can build pages with live drag-drop editor
  • Publish up to 15 pages
  • 24/7 livechat support
Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for FREE.
Cheers, The4.