Wordpress 在iFrame上添加到购物车

我正在做一个新项目，我面临一个非常奇怪的问题，我不知道如何解决。我尝试了数百种方法，但都找不到它不起作用的任何原因

我已经将这个项目简化为两个简单的网站，并安装了新的WordPress，这样就不会有冲突

因此，我面临的问题是，当我打开一个网站并从IOS设备（iPhone X）或mac设备上的Safari访问它时，我不能在购物车中放置产品。 在mac桌面上：chrome和firefox正在运行。 在windows桌面上：chrome和firefox正在运行。 在IOS（iPhoneX）设备上：不使用Chrome和Safari

以下是一段视频，展示了这一问题： 在这里，我通过Chrome从Macbook pro访问网站，功能正常，而从Safari访问网站时，功能不正常 -MacOs桌面（Chrome和Safari）

在这里，我通过Chrome和Safari从我的iPhone X设备访问网站，但功能不起作用。 -iPhone X（Chrome和Safari）

我所做的是创建了两个网站：

网站1：

网站2：

在网站1上：我做的唯一一件事就是创建了一个名为iframe的页面，即iframing网站2

在网站2上：我安装了WooCommerce并添加了一个测试产品

如果有人需要的话，我也可以在网站上分享登录详细信息。 我真的很困惑这可能是什么，甚至有可能解决这个错误？ 如果有人以前遇到过这个问题，我会非常惊讶，但我真的不知道如何解决它，我会非常感谢你们的帮助

多谢各位