эстетика, функциональность и продуманная реализация
— За этот подход к работе нас и выбирают клиенты: здоровый перфекционизм, внимание к деталям и продуманные решения, основанные на многолетнем опыте
Скрипт слайдера
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.
01
Ведем полный цикл работы — от идеи интерьера до реализации ремонта
02
Подбираем только качественные материалы и не раздуваем бюджет
03
Не ограничены одним стилем — от минимализма до сложных интерьерных решений
04
Делаем процесс работы приятным и структурированным
05
Создаем пространства, не на свой вкус, а под ваш запрос