Терра

Озеленяем офисные и частные интерьеры, создаем зимние сады и плантации, оформляем уличное озеленение, декорируем растениями пространства в России с 2004 года
Больше 20 лет работы на российском рынке
Больше 50 лет российской и международной практики озеленения
Больше 3000 проектов, реализованных в России
Скрипт слайдера
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.
Подкаст
«Синдром восполнения природы»

Фотогалерея

О компании

Компания Терра — основатель индустрии интерьерного озеленения в России. Более 20 лет мы озеленяем пространства для усиления благоприятной и продуктивной атмосферы и соблюдаем самые высокие стандарты качества. Используем лучшие отраслевые российские и международные практики, постоянно совершенствуем подход в работе и воплощаем в проектах смелые идеи и актуальные тренды.

Екатерина Врублевская

Коммерческий директор, главный фитодизайнер
«Мы создаем баланс между природой и привычной городской средой. Исследования подтверждают: наблюдение за растениями 40 минут в день снижает гормон стресса - кортизол - и позволяет чувствовать себя лучше. Восполняйте природу вместе с нами»

Рассчитать
проект озеленения

Расскажите о вашем пространстве — специалисты «Терры» предложат подходящее решение по озеленению и подготовят предварительный расчет.