Elevate your store’s storytelling with Athora - Premium Shopify theme. Move at the speed of modern retail! Try Theme Free →  

Header background

How to use Image Focal Point with the theme?

Maria Do

Written by Maria Do

Last updated

3910 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

🎁 Exclusive Deals for The4 Customers

EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114) on Standard plan.

  • ✅ 300+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free
SectionAI

🤖 EcomRise: Upsell & Bundles

Boost sales effortlessly with product bundles, upsell and cross-sell, buy X get Y, volume discounts

  • ✅ Easy upsell & cross-sell
  • ✅ Works with the latest themes
  • ✅ Trusted by 10k customers
🚀 Get 6 Months Free

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.