Problem with displaying page reference metafield on live store

[RH6]

I want to add a Page reference meta field for my product pages. I added the meta field under settings, and it is showing under my product pages on the back end, with no problem adding the page. But when I save and preview it on my live website, it shows a blank image where the page reference meta field is suppose to be, like the picture below. Does anyone know how to fix this?