WooCommerce 标签不显示滑块答案

【问题标题】：WooCommerce Tabs not showing sliderWooCommerce 标签不显示滑块
【发布时间】：2014-09-19 03:55:26
【问题描述】：

所以我设置了一个 WooCommerce 产品页面。在页面底部，有默认的 WooCommerce 选项卡，我将其标记为“概览”、“图库”等。

当我点击图库选项卡时，该页面上有一个短代码可以使用 WooSlider 显示一个滑块。

问题在于 WooSlider（以及一般的大多数滑块）使用页面宽度/高度来显示自身，并且由于画廊选项卡已关闭（内容隐藏），因此当您选择它时，滑块不会出现。

当您在选择图库选项卡的情况下调整浏览器窗口的大小时，它可以显示自己，因为选项卡现在可见并且可以正确显示自己。

Google 上有很多关于这个问题的帖子，但我在实施任何修复时都遇到了麻烦，尤其是因为我对 jquery 不是很精通（很多解决方案都需要对 WooSlider jquery 进行修改）。

任何有这方面经验的人都可以帮我解决这个问题吗？

谢谢！

【问题讨论】：

【解决方案1】：

找到

.wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img

并添加此样式：

.wooslider.wooslider-type-posts img, 
body .wooslider.wooslider-type-attachments img{
height: auto; min-width: 100vw;
}

基本上，我们告诉 WooSlider 为图像获取视口的最大可用宽度，然后自动缩放高度

【讨论】：

嗨法比奥 - 谢谢你的建议。我已将该样式添加到 wooslider/assets/css/ 文件夹中的 style.css 中，但不幸的是，它没有修复它。如果你想看的话，我把它留在了那里。你有什么其他的建议？我正在使用 Chrome 浏览器，如果这有什么不同的话。
aaah，你是对的，现在我看到它在你点击某些东西时有效，无需调整大小，但你需要点击，因为我正在使用点击状态进行测试，所以它对我来说很好.让我想一想，看看能不能找到解决办法
嗨法比奥-那太好了。感谢您的帮助，因为我无法弄清楚这一点。
法比奥，您对此有什么其他想法吗？
啊，抱歉，前几天正在尝试，但找不到解决方法