Новости
Фитнес
Ресторан
Велнес
Контакты
Расписание
Новости
Галерея
Клубные карты
Тренажерный зал
Групповые программы
Бассейн
Детский клуб
СПА-центр
Салон красоты
Банный комплекс
Центр восточной медицины
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: 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.
Мы принимаем заказы на доставку по Москве ваших любимых блюд от ресторана клуба Golden Mile
Сезонное
меню ресторана
Ресторан
Подробнее
В Golden Mile аппаратная косметология становится частью комплексного подхода к красоте и качеству жизни
Аппаратная косметология: популярные процедуры
СПА-центр
Подробнее
С «My Meal» легко очистить организм, комфортно снизить лишний вес, нормализовать обмен веществ
FMD-диета
от My Meal
My Meal
Подробнее
Единое пространство для главных событий Golden Mile. Новые услуги, специальные предложения, мероприятия и важные обновления клуба — в лаконичном формате с акцентом на визуальную подачу
Март 2025
Электрокоагуляция новообразований кожи
СПА-центр
Июль 2025
Oligio — RF-лифтинг
кожи
СПА-центр
Июль 2025
Прессотерапия — лимфодренаж и восстановление
Ресторан
Ноябрь 2025
FMD-диета
от Май Мил
Май Мил
Сентябрь 2026
Сезонное меню
ресторана
Ресторан
Сентябрь 2025
OXYTERRA — гипоксические тренировки
СПА-центр
Май 2024
WOW Granola
в меню ресторана
Ресторан
Май 2023
Капельницы — красота и восстановление
СПА-центр
Апрель 2024
ULFIT — неинвазивная коррекция фигуры
СПА-центр
Июль 2024
Tesla Former — электромагнитная стимуляция
СПА-центр
Август 2024
ICOONE — аппаратная
коррекция фигуры
СПА-центр
Март 2025
HELEO4 —
фотодинамическая терапия
СПА-центр
Февраль 2023
Май 2023
ImmunoHealth — комплексное тестирование организма
СПА-центр
ДНК-тестирование организма
СПА-центр
Декабрь 2021
Доставка блюд
из ресторана
Ресторан
Июнь 2021
Ultraformer — ультразвуковой SMAS-лифтинг
СПА-центр