How can i implement focal point on images through liquid coding in shopify

Topic summary

A Shopify developer is seeking help implementing focal point functionality for images using Liquid code.

GemPages support provided sample markup code as a potential solution, including an image example demonstrating the implementation.

The original poster tested the suggested code but reported it didn’t produce the desired results. They found a workaround by replacing image_tag and image_url with img_tag, which successfully implemented the focal point feature from the storefront.

Status: The issue appears resolved through the user’s own modification, though the conversation may benefit from confirmation or further optimization suggestions.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.

I want to implement focal point on image tag through liquid coding. I don’t know How to add this. please help me t solve this issue.

Thanks

Hello @AK71

I would like to give you some recommendations to support you
Let’s try adding this code :

[
![Mobile image 1|1170x600](upload://soReoGYSv9mqyRgFqhy47Z77JlJ.jpeg)
](https://ucarecdn.com/d4804a30-1dff-4860-adbd-98298394eac2/-/format/auto/-/preview/3000x3000/-/quality/lighter/slider-show-1_07c3288f-0efb-40f3.jpg)

    
    

I hope the above is useful to you.
Best regards,
GemPages Support Team

Hi @GemPages

Thanks for reply

i try but never get results using this code but As i want i replaced “image_tag” and “image_url” to “img_tag” and “img_url” after this focal point implemented from storefront.

AK71_0-1675420507952.png