A fix for Facebook shop images not showing
Problem: Main product images not showing in Facebook Shop. Thumbnails show up fine in the catalog, but as soon as I click on a product thumbnail, the popup is blank. There’s NO main product image!
The solution that worked for me:
“We believe it’s due to a hotlinking problem from what I heard from our Catalog team. Essentially we try to download the images from your site for use in FB, but we find that the image isn’t there and we instead get a 403 error. The recommended resolution is to try and disable any hotlinking plugins you may have.”dmitridr – GitHub contributor for https://github.com/facebookincubator/facebook-for-woocommerce
This meant deleting the Hotlink Protection code that was in my WordPress .htaccess file.
Once I deleted the Hotlink Protection code from my WordPress .htaccess file, all the Facebook Shop main images started to come back to life!
Another very helpful clue posted in the GitHub thread: the original poster mentioned seeing “a 1×1 blank pixel” when viewing their product in the Facebook Catalog Manager (when they should have been seeing a full-size main image). In this part of Facebook (the Business Manager), you can see where Facebook is pulling your images from. What should be displaying as the full 1000px X 1000px main image was being blocked by my Hotlink Protection code.
Giant thank you to dmitridr!