• Всем доброго дня!

    Адаптивная верстка сайта в 3 колонки.
    Установлен плагин Corousel Slider, который работает на основе owl carousel.
    Вывожу его шорткодом на странице в средней колонке и получаю разрыв верстки — http://prntscr.com/hn0hjb
    Это происходит пока не задать контейнеру с каруселью фиксированный width.
    При этом любой другой контейнер c width:100% в этой колонке ничего не разрывает.

    Проблема в том, что задать фиксированный width нельзя, т.к. сайт адаптивный и средняя колонка должна менять свои размеры.

    В настройках плагина из того что относится к размерам карусели есть только Auto width — http://prntscr.com/hn0ono
    Казалось бы — то что нужно, но что enable что disable — никакой разницы.

    Единственное решение, которое сейчас приходит в голову это media queries, но IMHO, это попахивает г***о-кодом.
    Чувствую что нежно добавить / поменять параметр у какого-то контейнера и всё начнет масштабироваться как надо, но башка уже не варит…

    Заранее благодарен!

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 1 ответа (всего 1)
  • Продолжаю ковыряться, и вижу что изначально ширина у контейнера проставляется правильно, а потом срабатывает JS и задает стили внутреннему контейнеру
    <div class="owl-stage" style="transform: translate3d(-1760px, 0px, 0px); transition: 0.5s; width: 3520px;">

    Смущает именно width: 3520px

    Повесил breackpoint на строку вижу следующее — http://prntscr.com/hnbicv
    предполагаю что сбивается расчет ширины либо тут — http://prntscr.com/hnbj4x
    либо тут — http://prntscr.com/hnbjo4

    Указанные функции покурил — нигде не вижу манипуляций с width, с width в срипте сотни манипуляций, но понять где происходит сбой не могу…
    Я с JS не особо дружу, а тут еще и кода на 3200 строк %)

    Предположительно из-за какого-то атрибута блока ку текущей верстки либо сбивается счетчик ширины либо не происходит скрытия лишней части карусели (типа overflow:hidden)…

    Куда копать?

Просмотр 1 ответа (всего 1)
  • Тема «Проблема с масштабированием слайдера-карусели» закрыта для новых ответов.