flexslider - 幻灯片高度不同时出现 Flexslider 移动视图问题

Question

首先我已经搜索了解决方案，但找不到任何..

我是新手，所以我缺乏解决这个问题的经验，希望有人可以帮助我:)

问题：

我在我的 woocommerce 产品页面上使用 flexslider。只有在移动浏览器中打开产品页面并且幻灯片的高度不同时，我才会遇到问题。第一张幻灯片大约是。其余幻灯片高度的一半。打开产品页面时，最后一张幻灯片位于第一张幻灯片下方，并部分覆盖了我在其下方的文本。（因此显示了第一张图片和最后一张幻灯片的底部）。当动画循环完成并且滑块重新开始时，问题就消失了吗？这只发生在移动视图上，桌面没有问题。

我在functions.php中有这个：

add_filter（'woocommerce_single_product_carousel_options'，'sf_update_woo_flexslider_options'）；函数 sf_update_woo_flexslider_options( $options ) {

$options['animation'] = 'fade';
$options['slideshow'] = true;
$options['smoothHeight'] = true;
$options['fadeFirstSlide'] = true;
$options['slideshowSpeed'] = 8000;
$options['animationSpeed'] = 3500;
$options['animationLoop'] = true;
$options['randomize'] = false;
$options['pauseOnAction'] = true;
$options['pauseOnHover'] = true;
$options['startAt'] = 0;
$options['easing'] = "swing";

return $options;

}

我已经尝试了几件事，比如禁用smoothheight。但我无法弄清楚出了什么问题。我真的很感激这里的一些帮助；）（我不是经验丰富的编码员，一点也不..）

发生这种情况的页面之一：https ://www.littleleloo.com/shop/large-contemporary-abstract-painting-angels-vs-demons/

谢谢，祝你有美好的一天！

最好的祝愿，

杰西卡

标签： flexslider