Как сделать слайдер в Tilda с помощью ZeroBlock?

Чтобы сделать слайдер в Tilda с помощью ZeroBlock, нужно выполнить следующие шаги: maxklimkov.ru

1. Создать Zero-блок и добавить в него необходимый контент. maxklimkov.ru Это могут быть текст, изображения, различные элементы. maxklimkov.ru
2. В этом же Zero-блоке создать шейп (shape), внутри которого будут находиться слайды. maxklimkov.ru Разместить его в нужной части блока, где должен быть слайдер. maxklimkov.ru Высота и ширина шейпа должны совпадать с высотой и шириной слайдов. maxklimkov.ru Если слайды будут больше по размеру, чем шейп, то контент обрежется. maxklimkov.ru
3. Создать элементы для переключения слайдов. maxklimkov.ru Можно использовать стрелки, точки, фигуры и т. д.. maxklimkov.ru Задать левой стрелке ссылку «#sliderleft», а правой — «#sliderright». maxklimkov.ru Как и для шейпа, задать lazy-load: off. maxklimkov.ru
4. Создать слайды из Zero-блоков. maxklimkov.ru Обязательно всему контенту внутри Zero-блока задать выравнивание по window-контейнеру, а также «left» по оси X и «top» по оси Y. maxklimkov.ru Это можно сделать в настройках элемента в правой панели. maxklimkov.ru
5. Добавить код. maxklimkov.ru Нужно проставить ID блоков в HTML-код. maxklimkov.ru Его можно найти в настройках блока. maxklimkov.ru Класс шейпа берётся через просмотр кода элемента на сайте. maxklimkov.ru Также в конце кода прописываются высота и ширина шейпа, который был создан на втором шаге. maxklimkov.ru

Для создания слайдера с помощью ZeroBlock можно использовать, например, модификацию от сервиса TiCode. ticode.dev

Пользователь

Время добавления