Перетаскивание элементов Zero Block в Tilda
Свободное перемещение выбранных объектов мышью или пальцем с изменением масштаба при захвате.Подробнее о модеСвернуть описание
Перетаскивание элементов Zero Block в Tilda
Свободное перемещение выбранных объектов мышью или пальцем с изменением масштаба при захвате.Что умеет мод
- Делает элементы с указанным CSS-классом доступными для перетаскивания.
- Настраивает вид курсора во время переноса.
- Увеличивает или уменьшает объект, пока посетитель его перемещает.
- Поднимает захваченный объект поверх других перетаскиваемых элементов.
Как подключить
Подготовьте объекты
Создайте элементы в Zero Block и задайте начальные позиции для нужных экранов. Назначьте каждому перемещаемому объекту CSS Class Name drag без точки или другой короткий класс.
Укажите класс в конструкторе
Впишите то же имя без точки. Один класс можно назначить нескольким объектам: все они получат одинаковые настройки переноса. Для первого подключения используйте обычные декоративные элементы.
Выберите обратную связь
Подберите курсор и масштаб при захвате. Значение 1 сохраняет исходный размер, меньше 1 уменьшает объект, больше 1 увеличивает. Проверьте ощущение переноса в демонстрации.
Проверьте страницу
Вставьте код в T123 после Zero Block и опубликуйте. Перетащите несколько объектов мышью и пальцем, проверьте их перекрытия и прокрутку страницы. Оставьте вокруг достаточно места для движения.
Что учитывать. В готовом коде нет ограничения перемещения границами блока. Рамка демонстрации не означает, что объекты на сайте будут удерживаться внутри такой же области. Позиции не сохраняются после перезагрузки. Не назначайте одновременно этим элементам другую анимацию перемещения или масштаба без отдельной проверки.
Вопросы и ограничения
Можно перемещать несколько объектов?
Да. Назначьте им один и тот же класс и установите один код с общей настройкой.
Сохранится новая композиция после обновления?
Нет. Конструктор не записывает координаты. После загрузки страница возвращается к исходной вёрстке Tilda.
Можно использовать это как редактор с сохранением?
Сам мод даёт только перенос объектов. Сохранение, проверка правильного положения, привязка к сетке и игровая логика потребуют отдельной разработки.
Почему не начинается перетаскивание?
Проверьте совпадение класса и доступность подключаемых библиотек. Затем убедитесь, что поверх объекта нет другого элемента, который перехватывает нажатие.
Доступ к конструктору
Это бесплатная модификация. Войдите в аккаунт, чтобы настроить её и получить код.
