Images are not Resolving path using GraphQL 9.6 if its using inside other component like Article Schema as image field

Question

{
    typedComponent(namespaceId: 1, publicationId: , 8,componentId: 52117) {
        title
   ... on DownloadCenterAdvert{
            title
    
    
          image{
                
                ... on Image{
                    variants{
                        edges{
                            node{
                                url
                            }
                        }
                    }
                }
            }
            link{
                text{
                    html
                }
                url
                target
            }
        }
    }
}

Output Should Render like Below,

{
    "data": {
        "typedComponent": {
            "title": "Advert",
            "image": {
                "variants": {
                    "edges": [
                        {
                            "node": {
                                "url": "/images/support/DownloadCenter/US106-42090.jpg"
                            }
                        }
                    ]
                }
            },
            "link": {
                "text": {
                    "html": "Download Center Help"
                },
                "url": "http://www.example.com",
                "target": "_blank"
            }
        }
    }
}

But its image not resolving its giving "/images/US106-42090.jpg" instated of "/images/support/DownloadCenter/US106-42090.jpg" as below any suggestion to resolve this

{
    "data": {
        "typedComponent": {
            "title": "Advert",
            "image": {
                "variants": {
                    "edges": [
                        {
                            "node": {
                                **"url": "/images/US106-42090.jpg"**
                            }
                        }
                    ]
                }
            },
            "link": {
                "text": {
                    "html": "Download Center Help"
                },
                "url": "http://www.example.com",
                "target": "_blank"
            }
        }
    }
}

Answer 1

Thank you for detailing the issue you're encountering with image path resolution in GraphQL 9.6. It seems that the image URL is not being constructed as expected, showing /images/US106-42090.jpg instead of the desired /images/support/DownloadCenter/US106-42090.jpg. This behavior is likely influenced by the configuration of publication properties and server-side logic during the publishing process.

In Tridion Sites, the binary path construction is tied to the publication properties, specifically the 'Images URL.' if you want to change the Image relative path then it requires customization on the CM side.

It's important to note that GraphQL queries fetch data from the database, but the intricacies of URL construction may not be directly controlled by these queries. Customizations in TBBs and CM side resolving logic often play a crucial role.

I hope it helps you to understand.