5 февраля 2017 в 10:16
https://yadi.sk/i/Tezur2_83CvmrA такая галерея.
Скачал модуль slick_views с допмодулями и библиотекой.
Настроил option https://yadi.sk/i/Tr8RbHVM3CvoUr
в настройках виевс https://yadi.sk/i/4F7OBXLa3Cvopv
Показывается вот что http://electro.ufalab.com/ (slick идет сразу после слайда).
Что не верно сделано может быть?
Комментарии
Подключали бы без модулей, оно бы всё заработало ещё вчера))))
как думаете, лучше slick без модулей подключать, или уже существующую галерею http://electro.ufalab.com/ https://yadi.sk/i/aSam3X_C3Cw7ru (в середине сайта) перенастроить и сделать чтобы сама прокручивалась?
Второе легче. Вот доки https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html ищите autoplay
А вот скрипт инициализации: http://electro.ufalab.com/themes/gavias_pickor/js/theme.plugins.js?v=8.2.3
Если ничего не путаю, то в 46 строке.
Спасибо, так работает).
И по поводу "в один ряд и по 4". А на планшетах по 3, на мобильных по одному.
Вот файл, отвечающий за галерею
{% set i = 0 %}
{% for row in rows %}
{% set i = i + 1 %}
{% if i % 5 == 1 %}
<div class="gallery-large carousel-item">
<div class="item content">{{ row.content }}</div>
</div>
{% else %}
{% if i % 5 == 2 %}
<div class="galery-small-wrap">
{% endif %}
{% if i % 5 == 2 or i % 5 == 4 %}
<div class="gallery-small carousel-item">
{% endif %}
<div class="item content gallery-small-item">{{ row.content }}</div>
{% if i % 5 == 3 or i % 5 == 0 or i == rows|length %}
</div>
{% endif %}
{% if i % 5 == 0 or i == rows|length %}
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
я только как большую на маленькую поменять могу. И почему они по 2 в ряд идут? в css такого не вижу.
А в скрипте инициализации про адаптивность ничего нет?
это как раз есть и это ок.
а как их просто в один ряд по 4 разместить?