变异色板已加载2次

Question

我正在创建一个网上商店，但是产品页面上的变量有些麻烦。 [示例页面可以在这里看到] [1]

我已经安装了插件WooCommerce Variation Swatches。在产品页面上，我选择将变量显示为按钮。但是，当页面加载时，页面首先显示正常的WooCommerce变量以及插件中的Variation Swatches。

1秒后，将2合并在一起（请参见示例页面）。不可能只加载样本吗？

我试图将站点更改为另一台服务器，我尝试使用插件来更改js和css的加载顺序，但这无济于事。

有人建议我如何解决这个问题吗？

最诚挚的问候

Answer 1

问题在于您的网站优化效果不是很好，需要花费很多时间才能完成所有插件（包括 WooCommerce Variation Swatches ）中所有额外CSS和资源的加载。 / p>

因此，隐藏本地WooCommerce Swatches的插件中的CSS大约需要0.5到2秒钟才能插入，这就是为什么网页进行重新绘制并显示两个“ Swatches条”的原因。

简单的解决方案，将其添加到主CSS文件之上或作为内联样式。 {strong}主题 header.php文件中的<style></style>，在具有wp_head();函数调用的行之前：

.woo-variation-swatches-theme-child-woodmart .woo-variation-items-wrapper>.swatches-select, 
.woo-variation-swatches-theme-woodmart .woo-variation-items-wrapper>.swatches-select {
  display: none;
}

更好，更干净的解决方案，花一些时间改善WordPress性能，尝试使用尽可能少的插件，因为其中许多插件的编码错误，并遵循Google Page Speed建议 here 和另外，我建议您检查一下并确保使用PHP 7+（以防万一）。