Facebook "Like" button does not work and fails with Image Not Found

-- url of the page with the problem -- : langecraft.com/index.php/catagories/prod...ed-personalized.html
-- HikaShop version -- : 4.7.5
-- Joomla version -- : 4.3.3
-- PHP version -- : 8.0.28
-- Browser(s) name and version -- : Chrome

It's the same on all pages and products. Click the "Like" button and it just disappears and shows a broken image.
While we are at it, is there anything we can do to add space between each icon and get them on a straight line?

Here's just one:
langecraft.com/index.php/catagories/prod...ed-personalized.html
Thanks
John

Happens on Chrome, MS Edge and Chrome on Android

Hi,

If I look at the console of my browser after clicking on the FB like button, I can see this error message:
i.imgur.com/SOaDsNB.png
I think you'll have to modify the settings of the System - HTTP headers plugin of Joomla to allow for it:
www.hikashop.com/forum/payment-methods/9...t-window/349303.html

I am not sure how your response is relevant to the issue, and your link to a thread about a PayPal pop-up blocker doesn't seem to be relevant either.
Looks like a bug to me, how do we fix this? Is there an image missing from the install?

Hi,

As you can see in my first link, the click on the button generates the error message:

Refused to display www.facebook.com in a frame because it is set X-frame-Options to deny

I thought that this message is displayed by the browser because of the CORS settings of your website. And to configure the CORS settings of a Joomla website, you need to modify the settings of the System - HTTP headers plugin of Joomla.
The second link to the PayPal thread was just to illustrate how to modify that plugin.

However, upon replying to you, I looked a bit further on this X-frame-Options error, and there is actually a setting you need to do in your Facebook app to allow your website :
www.youtube.com/watch?v=7CNpLgwa0-c

So it doesn't look like a bug to me. Just a configuration issue.