Прежде всего, я искал решение, но не смог найти ..
Я новичок в этом, поэтому у меня нет опыта, чтобы решить эту проблему, надеюсь, кто-то может мне помочь:)
Проблема:
Я использую flexslider на своих страницах продуктов woocommerce. У меня проблемы только при открытии страницы продукта в мобильном браузере и когда слайды разной высоты. Первый слайд aprox. половина высоты остальных слайдов. При открытии страницы продукта последний слайд лежит под первым слайдом и частично покрывает текст, который у меня есть под ним. (так что первое изображение и нижняя часть последнего слайда показывают). Когда анимация l oop завершена и ползунок запускается снова, проблема исчезла? Это происходит только для мобильных представлений, у рабочего стола нет проблем.
У меня это есть в функциях. php:
add_filter ('woocommerce_single_product_carousel_options', 'sf_update_woo_flexslider_options'); function 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;
}
Я уже пробовал несколько вещей, например отключение сглаживания. Но я не могу понять, что не так. Я был бы очень признателен за помощь здесь;) (Я не опытный кодер, совсем нет ..)
Одна из страниц, где это происходит: https://www.littleleloo.com/shop/large-contemporary-abstract-painting-angels-vs-demons/
Спасибо и хорошего дня!
С наилучшими пожеланиями,
Джессика