Премиальные резиденции с видом на Каму

Скрипт слайдера

id:

Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить

Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.

Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
Задайте каждой карточке класс slide
Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя

Слайдер: tf_slider-1
Кнопки: tf_slider-prev-1, tf_slider-next-1
Точки: tf_slider-dots-1
Счетчики: tf_slider-current-1, tf_slider-total-1
Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.

12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.