Пн-Вс: 10:00 – 21:00
+1 123 456 78 90
АВТО ТЕХЦЕНТР В МОСКВЕ, ДОБРО ПОЖАЛОВАТЬ!
Ремонт и техническое обслуживание автомобилей
О салоне
Москва СЗАО ул. Максимова, д. 28. Метро Горки
Пн-Вс: 10.00 – 21.00
+1 123 456 78 90
hello@company.com
Мы делаем полный спектр ремонтных работ, от электронной диагностики автомобиля до замены любой его запчасти. Вы всегда получаете гарантированно качественную работу от наших профессионалов, и всегда можете быть уверенными в надежной работе своего автомобиля. Вы получите полную гарантию на все виды работ.
В комплексных работах участвуют несколько специалистов, каждый из которых отвечает за свою часть работы.

Специалисты узкого профиля повышают работоспособность сервиса и качество выполнения работ. Обслуживание автомобиля организовано согласно требованиям заводов-изготовителей. Оборудование техцентра соответствует всем современным требованиям.

Мы ремонтируем марки автомобилей: Toyota, Honda, Subaru, Nissan, Suzuki, Mazda, Mitsubishi
Наши услуги
Наш автосервис оснащен современным оборудованием для диагностики и ремонта автомобилей японских марок
Комфортное ожидание
Время ремонтных работ вы можете провести в зале ожидания нашего сервиса
Чай и кофе
Чай, кофе и закуски для наших клиентов бесплатно
Wi-fi
Вы можете заниматься своими делами, пока ожидаете автомобиль
Телевидение
В зале ожидание есть работающий телевизор
Все фотоматериалы и тексты принадлежат их владельцам и используются для демонстрации. Пожалуйста, не используйте контент шаблона в коммерческих целях.

Как создать боковой виджет с кнопками используя ZeroBlock и анимацию Step-By-Step в Tilda

Как выполнили данный пример:
1. Подготовили картинки наших кнопок 3 шт.
2. Создали ZeroBlock. Что сделали в Zero:
- Задали параметр Overflow: visible
- Создали 3 элемента Image ширина 270px, радиус скругления 30px
- Задали картинкам ссылки на popUp окна
- Выставили им привязку - Window Container, X-Right, Y-Center.
- Сместили их вправо на 210px, для того чтобы была видна только иконка в итоге
- Задали им анимацию: onHover, Duration 1.5 , MoveX -205, Easing - bounceFin
- Высоту ZeroBlock задали 200px

3. Добавили на страницу код в блок Другое►Т123
- Заменили ID Zero на свой #rec62823638


<style>
/*Задаём ширину для Zero*/
.floating {
/*По ширине наших кнопок*/    
 width: 0px;
}
/*Выставляем фиксированную позицию на экране и номер слоя выше остальных*/
.fixed {
 position: fixed;
/*Задаём расположение по вертикали*/ 
 top: 40%;
/*Задаём номер слоя*/ 
 z-index: 9999;
}

@media screen and (max-width: 640px){
.fixed {
 top: 250px;
}
}


</style>

<script>
$(document).ready(function(){
    //Нужно заменить на ID  Zero выполняющего роль виджета
    //Добавляем класс с шириной и фиксацией
    $("#rec62823638").addClass('floating fixed');
});
</script>
Made on
Tilda