Why Does Setting a Focal Point on My Shopify Product Photograph Not Change the Crop in My Theme?

Confirm the focal point is saved on the correct image

Identify the exact image resource used by the affected collection card. Confirm that the merchant set the focal point on that resource rather than a visually similar duplicate.

Shopify's focal_point Liquid object exposes horizontal and vertical coordinates as percentages. The documented values default to 50 when no focal point is set.

Record the saved coordinates and the actual media identity. If the card uses another image, changing the first image's focal point cannot affect it.

Also identify whether the problem occurs in one custom section or across all placements. A focal point working in one section but not another suggests an implementation difference, not necessarily a missing merchant setting.

Inspect image_tag output and custom theme markup

Shopify recommends the image_tag filter for automatically applying focal-point settings. Its focal-point documentation states that this uses CSS object-position.

Have the theme developer inspect the Liquid that generates the image and the final HTML and computed CSS. Determine whether the section uses Shopify's documented image-tag route or a custom image element that does not apply focal-point coordinates.

If the saved focal point exists but the final element remains at centered positioning, investigate the theme implementation. If the final CSS contains the expected position but the crop still looks unchanged, inspect the container dimensions and object-fit. Positioning has little effect when no image overflow exists along the relevant axis.

Check whether a later CSS rule overrides the generated position. Do not assume that a value visible in source HTML is the computed value used for rendering.

Hypothetical collection-card failure

Hypothetical illustration—not an inspected Shopify store: a merchant sets a focal point at x=50%, y=20% on a portrait bottle image. A theme's product gallery uses image_tag and appears to favor the cap, but a custom collection card still centers the bottle vertically.

The proposed investigation records the focal-point values, media identifier, Liquid rendering route, final image element and computed object-position in both placements.

If the gallery applies the expected positioning but the custom card does not, the developer should review the custom card's image implementation. If both apply the position yet the card still cuts off the base, the crop may simply be unable to contain both required landmarks.

The example does not establish a fault in a named Shopify theme or prove that a particular code change is necessary.

Fix the application path before replacing the image

Where the theme supports the documented focal-point route, use it consistently and verify the resulting CSS. Where a custom implementation is required, the developer must deliberately handle the coordinates and fitting behavior.

Do not copy a generic Liquid snippet into production without checking the current theme's image object, responsive image behavior and existing CSS. A custom change can affect other cards or break image loading.

After the correction, inspect the same image in the collection card, product gallery and any promotional placement that reuses it. One saved focal point may not be suitable for every aspect ratio.

Accept the result only when the intended image is selected, the saved focal point is applied where expected and the entire required product region remains visible. If no crop can preserve both ends, prepare a different approved composition or choose a noncropping fit.

Record your own observations

The filled rows are illustrative examples. Use the blank row for your own files and observations.

Download the editable CSV worksheet

What the references establish

• Shopify Developers — focal_point Liquid Object: Documents percentage coordinates, default values and image_tag application through object-position.
• Shopify Developers — image_tag Liquid Filter: Documents generated image markup and image-tag behavior relevant to theme implementations.