javascript - WooCommerce 标签在 Divi 主题中不起作用

Question

我有一个使用旧版 Wordpress Divi 主题的网站和一个 woocommerce 商店。产品页面底部是“描述”和“评论”选项卡。它应该像这个页面一样填充: http://rattletree.com/wordpress2/product/joy-ep/

css 是这样写的:

<div class="panel entry-content wc-tab" style="display: block;">

当选择标签时，它有 display: block;，当选择不同的标签时，它变为 display: none;。

它应该是这样工作的。我正在构建我们的新网站并使用更新版本的 Divi，但该选项卡的内容不可见。我可以在代码中看到，它们停留在 display: none; 上。

这是不工作的网站: https://learnmarimba.com/product/joy-ep/

因为这是一个动态变化，我想这是用 javascript 而不是 css 处理的，所以我真的不知道我需要做什么来解决这个问题？任何帮助将不胜感激!

我已尝试禁用所有插件并清除缓存，并指出已解决问题。我看到这个线程:https://wordpress.org/support/topic/woocommerce-review-description-tabs-not-working ，这看起来像我的问题，但更改每个线程的功能并没有解决问题。

Answer 1

更新:

在wp-content/themes/Divi/js/custom.js:2644更改 false至 true .它可能会解决您的问题。如果是这样，这是一个已知的错误并已报告给 Divi，很可能会在他们的下一个版本中修复。

由于行号很容易发生变化，因此您应该在此处进行更改:

//...
if ( $(this).closest( '.woocommerce-tabs' ).length && $(this).closest( '.tabs' ).length ) {
    return false;
}
//...

---

这很可能是由于您的产品模板与 WooCommerce 插件不匹配造成的。在某些时候，选项卡的类已从 woocommerce_tabs 更改为至 woocommerce-tabs .从外观上看，模板似乎领先于插件。要么替换 woocommerce-tabs与 woocommerce_tabs在您的模板文件中(如果出于某种原因您不想更新 WC)或更新 WC(推荐)。

根据您提供的信息，我不确定这是否有效，但值得一试。

除此之外，您的一个插件正在缩小和缓存 .js使它们不可调试的文件。也许您应该在开发过程中禁用它？