来自 SantuCommerce 插件的 iframe 打开时 WordPress 主题损坏答案

【问题标题】：WordPress theme broken when an iframe from SantuCommerce plugin opened来自 SantuCommerce 插件的 iframe 打开时 WordPress 主题损坏
【发布时间】：2019-04-19 06:53:53
【问题描述】：

所以我对这个 Santu WooCommerce 插件有这个问题，所以这个插件会在每次有人点击产品链接时打开一个 iframe，这个 iframe 会打开一个来自 santu 的结帐页面。

所以我遇到的问题是我认为 wordpress 主题和 santu CSS/JS 存在一些冲突。这是截图

在我点击 santu 的产品链接之前。

点击加入购物车后

点击santu链接后发生了什么

所以我想要防止来自 Santu 网站的资产 (CSS/JS) 影响我的网站。所以我已经google了，找到了iframe sandbox，但是当我添加沙盒属性时，它也破坏了santu。

那么有什么解决办法吗？也许 WooCommerce 中的某些功能可以解决此问题？

谢谢。

Here's the video

【问题讨论】：

这里没有足够的信息来解决这个问题。使用的 WP 版本主题。服务器 PHP 版本也许是相关站点的链接，以便我们检查 JS/CSS？

标签： wordpress iframe woocommerce wordpress-theming

【解决方案1】：

当然，还需要更多信息，例如（至少也链接到该站点），并且可能需要进一步（和更深入地）挖掘这些文件等，这很难通过此 Q/A 实现格式。

然而，作为一个丑陋的替代方案（作为临时解决方案，如果你不能更好地修复它）是应该在新的窗口框架中触发添加到购物车 JS 操作（它将自动关闭）因此，初始页面的设计不会混乱。

如果可能的话，这里是伪概念：

点击“加入购物车”触发window.open( window.location.href + '&xyz')
if(window.location.href.indexOf("&xyz") > -1) 然后触发添加到购物车窗口。
关闭该窗口应该触发window.close()；

【讨论】：