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