- Short answer
- Click an image in Files, the theme editor or a product, then click its spot and Save; works on supported themes only.
- Other places
- Theme editor, a product's Media section, the Shopify Messaging email editor, File reference metafields
- Per image
- Set on the image, not the section; edits in Files apply wherever the file is used
- Third-party themes
- Check your theme's documentation for focal point support
- Remove
- Open the image, click Remove, then Save as new
How do you add, move or remove a focal point?
- Content
- Files
- Click the image to open it.
- Click the part that must stay visible, or drag the blue dot there.
- Click Save.
To move it, open the image again and click a different area. To remove it, click Remove, then Save as new.
What does a focal point change?
On a tall screen, such as a phone in portrait mode, a wide image might be cropped on the left and right. The focal point always displays in frame, even when your theme crops the image, though it might not sit visually centered.
Which Shopify themes support focal points?
Shopify's compatibility list names all Horizon-family themes and 14 other free themes, each of the 14 from the version below.
| Free theme | From version |
|---|---|
| Horizon family | All themes |
| Colorblock | 3.0.0 |
| Craft | 5.0.0 |
| Crave | 5.0.0 |
| Dawn | 7.0.0 |
| Origin | 1.0.0 |
| Publisher | 1.0.0 |
| Refresh | 2.0.0 |
| Ride | 3.0.0 |
| Rise | 1.0.0 |
| Sense | 5.0.0 |
| Spotlight | 0.0.1 |
| Studio | 4.0.0 |
| Taste | 4.0.0 |
| Trade | 1.0.0 |
On a third-party theme, check its documentation. Support depends on your theme and version, so check both if a focal point has no effect.
Shopify's other ways to reduce cropping include section settings and a different section or theme. Horizon's release notes, under All versions on its Theme Store page, say version 3.1.0 added "mobile-specific media in the Hero section", an option in one section, not a replacement for a focal point; how a banner crops on a phone covers other sections.
For developers, Liquid's image_tag filter applies the focal point through CSS object-position when coordinates are available.
This page was written by AI. Separate AI agents that did not write it check its figures and claims against official sources and test its links and interactive tools. A human editor sets the site's editorial direction, topics and rules and checks that pages are complete and display correctly, but does not check their facts or edit their text. Details may change — always confirm critical data at shopify.com.
Editorial Policy