Стандартные блоки

Слайдер из карточек TE220

Превратите стандартные карточки в адаптивный слайдер со стрелками, точками навигации, автопрокруткой и поддержкой свайпа.

Загружается конструктор…

Открыть демо на отдельной странице

Установка и использование

Для чего нужна модификация

Модификация превращает карточки стандартного блока с разметкой .t772 в слайдер на Slick. Сохраняются изображения и тексты карточек. Доступны стрелки, точки навигации, автопрокрутка и свайп.

Как установить

  1. Добавьте стандартный блок карточек с разметкой .t772 и заполните его контентом.
  2. В настройках блока задайте CSS-класс uc-awslick. Если префикс uc- уже показан, введите awslick.
  3. Включите jQuery в настройках сайта, если он отключён: исходный код использует jQuery и Slick.
  4. Скопируйте код целиком, включая ссылки на CSS и JavaScript Slick, и вставьте в T123 после блока карточек один раз.
  5. Опубликуйте страницу. Проверьте стрелки, точки, автоматическую смену слайда и свайп на узком экране.

Что можно настроить

В конструкторе меняются скругление, отступы, фон, акцент, число карточек на широком экране, интервал и включение автопрокрутки. Есть готовые стили, мобильный предпросмотр и сброс настроек. Скопированный код содержит выбранные параметры. На узких экранах число карточек уменьшается: до двух при ширине меньше 640 px и до одной при ширине меньше 480 px.

Совместимость и зависимости

Проверенное демо использует .t772. Совместимость с произвольными блоками не заявляется. Для работы нужны jQuery и Slick 1.8.1; ссылки на Slick уже включены в выдаваемый код. Не инициализируйте Slick повторно на том же контейнере.

Вопросы и решения

Какой стандартный блок нужно добавить?

TE220, использующий разметку .t772. Назначьте ему класс uc-awslick. Модификация не заявляет поддержку произвольных карточек, магазина или Zero Block.

Почему после вставки кода карточки не листаются?

Проверьте класс, публикацию страницы, включённый jQuery и полный установочный фрагмент. Ссылки на Slick 1.8.1 уже включены в код. Не подключайте повторную инициализацию Slick к тому же контейнеру.

Сколько карточек видно на телефоне?

Ниже 640 px число видимых карточек ограничено двумя, ниже 480 px — одной. Широкий вариант настраивается в конструкторе. Проверьте итоговую страницу после публикации, включая стрелки и свайп.

Как вернуть обычные карточки без слайдера?

Удалите полный установочный фрагмент этого слайдера, опубликуйте страницу и загрузите её заново. Карточки TE220 сохраняются. Если Slick используется другими модификациями страницы, не удаляйте их подключения и код.

Ещё модификации

Все модификации
Модификации и инструменты для Tilda.
Made on
Tilda