Loading...
Адвент-календарь для Tilda-дизайнеров
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Адвент-календарь для Tilda-дизайнеров
....
NLM232 • Время настройки: 1 минута

Как добавить слайдер в статью потока на Тильде?

Модификация позволяет добавить слайдер в статью на Тильде: вы можете размещать любое количество изображений, использовать свои иконки стрелок и точек, подключать автопрокрутку и бесконечную прокрутку, делать слайды кликабельными, а также полностью адаптировать внешний вид и управление под мобильные устройства.

Посмотрите, как будет выглядеть модификация на вашем сайте.

Дизайн настраиваете сами — наша модификация добавит нужный эффект.

    Смотрите, как быстро установить модификацию

    Инструкция
    Заполните следующие поля:

    1. «+ Добавить изображение» — Укажи ссылки на изображения. При необходимости добавьте ссылки для каждого изображения для кликабельности слайдов.

    Ссылки на изображения можно скопировать из блока GL12. Вставь галерею GL12 и загрузи свои изображения, удалив все стандартные фотки, просто чтоб не мешали. Скопируй ссылки и скрой галерею GL12.

    2. «Скругление бордера (px)» — Укажи значение скругления углов изображений.

    3. «Тип управляющих элементов» — Выбери, какие элементы управления будут у слайдера.

    4.«Настройки анимации»:
    • «Скорость анимации» — выбираешь скорость анимации: 0 - слайды будут переключаться без анимации;
    • «Автопролистывание (миллисекунды)» — задаешь время смены слайда в миллисекундах;
    • «Не автопролистывать, если на слайдер наведена мышка» — отмечаешь галочку, если хочешь, чтобы слайдер останавливался при наведенной на него мышки;
    • «Включить свайп мышкой на ПК версии» — отмечаешь галочку, если хочешь, чтобы на ПК слайдер листался свайпом;
    • «Отключить автопролистывание на мобилках» — отмечаешь галочку, если хочешь, чтобы на мобилках не было автопролистывания;
    • «Отключить свайп на мобилке» — отмечаешь галочку, если хочешь отключить скролл пальцем в мобильной версии.
    5. Копируешь код модифкации и вставляешь его в блок «Embed HTML code» на странице редактирования статьи;

    Сгенерируйте код для своего сайта

    Копировать код
    Ведутся технические работы((
    Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
    Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
    Остались вопросы?
    Шаг 3
    Копировать код
    Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
    Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
    Настройте модификацию
    Шаг 2
    И получите доступ к библиотеке из более чем 200 модификаций.
    Возобновите подписку
    Шаг 1
    Копировать код
    Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
    Остались вопросы?
    Шаг 3
    Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
    Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
    Настройте модификацию
    Шаг 2
    И получите доступ к библиотеке из более чем 200 модификаций.
    Оплатите подписку
    Шаг 1

    Популярные решения для вашего сайта

    Не нашли нужное решение?

    Часто задаваемые вопросы

    Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
    Не нашли свой вопрос?
    Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
    Не нашли свой вопрос?
    Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
    Есть идеи по улучшению этой модификации или созданию новой?
    Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
    Не забудь подписаться, чтобы быть в курсе последних обновлений.