How to Apply Per-Product Custom Positioning ("Left" and "Top") for Images & Elements From Design Library in Fancy Product Designer?

Hi everyone,

I’m currently working on extending Fancy Product Designer to allow per-product control of image positioning in the Individual Product Settings (IPS) section. I’ve successfully added custom fields for "Left" and "Top" positioning, which are saving and displaying correctly on the product settings page.

However, these custom values are not being applied to the positioning of images on the front end. I know the plugin already provides global settings for images. But I am trying to implement the same per-product functionality for images like what we have for text. 

Could anyone guide me on the following?

1. How can I apply the custom "Left" and "Top" values from the IPS section to images at runtime?

2. Which class, method, or hook is responsible for applying per-product IPS settings to element positioning, and how can I extend it for images?

3. Is there an existing mechanism or an example for extending IPS logic to support custom image positioning, or would I need to write a custom implementation (e.g., extending FPD_IPS_Image or similar classes)?

Any guidance, code examples, or documentation references would be greatly appreciated! Thank you in advance for your help!

Best regards,

Asad