Скрыть объявление
Гость Присоединяйся к складчине. Автокаталог для грузовых авто

Изменение Скорости Slideshow

Тема в разделе "Обсуждения", создана пользователем Ezdun, 10 май 2020.

  1. Ezdun

    Ezdun Новичок Зарегистрирован

    Регистрация
    10 май 2020
    Сообщения
    0
    Симпатии
    0
    Баллы
    0
    Пол
    Мужской
    Интересы:
    Opencart
    Обнаружил баг в модуле слайдшоу, кнопки навигации вынесены за пределы блока с идентификатором модуля, в следствии чего при размещении нескольких блоков на странице, вешается несколько обработчиков на кнопки навигации и перелистываются все слайды на странице
    исходный код модуля slideshow.twig

    Должно быть так:

    <div class="swiper-viewport">
    <div id="slideshow{{ module }}" class="swiper-container">
    <div class="swiper-wrapper"> {% for banner in banners %}
    <div class="swiper-slide text-center">{% if banner.link %}<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />{% endif %}</div>
    {% endfor %} </div>
    <div class="swiper-pagination slideshow{{ module }}"></div>
    <div class="swiper-pager">
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    </div>
    </div>
    <script type="text/javascript"><!--
    $('#slideshow{{ module }}').swiper({
    mode: 'horizontal',
    slidesPerView: 1,
    pagination: '.slideshow{{ module }}',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 30,
    autoplay: 2500,
    autoplayDisableOnInteraction: true,
    loop: true
    });
    --></script>
    </div>
     
Загрузка...