Top.Mail.Ru
Loading...
Мы в соцсетях
Ответим на вопросы
Техподдержка
No-code платформа для интеграции с российскими сервисами
Адаптер
Образовательные курсы и гайды для IT-специалистов
Академия
Партнерам
Клиентам
О нас
Плагин для Тильды
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Ai-ассистент для Тильды
....
NLM122 • Время настройки: 3 минуты

Автоскейл для стандартных блоков в Tilda

Модификация позволит автоматически адаптировать размер стандартного блока или элемента в зависимости от содержимого или размеров экрана.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.

Посмотрите, как будет выглядеть модификация на вашем сайте.

Дизайн настраиваете сами — наша модификация добавит нужный эффект.

Блог

В блоге кондитерской школы Вы найдете полезные статьи и подробные рецепты тортов и десертов

    Смотрите, как быстро установить модификацию

    Инструкция

    Важно:

    На данный момент модификация гарантированно работает корректно только с этими блоками: AB603, CN401, DV13, FD301, FD302, GL02, IX02, PL125N, SM403, ST305N, ST315N, SV402, SV502, TB301, TE215, TE600, TE605, TE610, TE800, TM102, TS204, TX13, TX16N2.
    Это не значит, что автоскейл не сработает с другими стандартными блоками Тильды, но мы не можем гарантировать их правильное отображение с автоскейлом.

    Настройки полей в генераторе:

    • «Блоки, которые нужно увеличивать, (если хотите увеличить все блоки, то оставьте поле пустым)» — укажи через запятую ID блоков, которым нужно добавить автоскейл, если хочешь добавить его ко всем блокам на странице оставь поле пустым;
    • «Блоки, которые не нужно увеличивать» — укажи через запятую ID блоков, которым не нужно добавить автоскейл. Если уже выбраны блоки, которые нужно увеличивать, оставь это поле пустым;
    • «Не применять zoom к popup» — включи этот чекбокс, если не хочешь увеличивать поп-апы;
    • «Настройка пользовательского масштабирования (100 — 100%, 120 — 120%)» — для каждого breakpoint доступна возможность настройки пользовательского значения zoom. Это значение выражается в процентах. Значение 100 соответствует масштабу 100%, что означает отсутствие изменений;
    • «Настройка отступов от края страницы» — для каждого breakpoint доступна возможность настройки отступов блоку в пикселях от края страницы;
    • «Добавить элемент, у которых есть карточки, новости» — если используешь на странице блоки из раздела «Новости» или «Отзывы» для каждого breakpoint доступна возможность настройки отступов блоку между карточками.

    Имей ввиду:

    • Автоскейл стандартных блоков в Тильде основан на 12‑колоночной сетке шириной 1200 px. Если на странице есть зероблоки с автоскейлом, в которых добавлены нестандартные брейкпоинты (отличные от 1200 px), то отступы и выравнивание в таких зероблоках могут масштабироваться иначе и не совпадать с отступами стандартных блоков — чтобы избежать расхождений, используйте одинаковые брейкпоинты.
    • Если блок отображается некорректно (например, часть переносится на другую строку), попробуйте применить настройки для блоков с карточками. Даже если блок внешне не похож на карточки, включение параметров для карточек может улучшить верстку — например, выставить 2 карточки в ряд, чтобы элементы не разрывались.
    • Вертикальный отступ между карточками в блоке TX16N2 нужно настроить в модификации для элементов, у которых есть карточки, новости и т. п. Вертикальный отступ будет равен расстоянию между строками карточек.
    • Если нужно разместить список в две колонки для блоков TX16N и TX16N2, ширина этих блоков должна быть 12 колонок. Найди раздел «Добавить элемент, у которых есть карточки, новости и т. п.». Укажи здесь ID блока TX16N или TX16N2. В генераторе укажи «количество отображаемых карточек в ряд» — 2. Чтобы настроить отступ между колонками, укажи расстояние между колонками карточек.
    • Блоки TX01, TX13 нужно добавить как элемент, у которого есть карточки. Настройки отступов можно выбирать любые. Ширина этих блоков должна быть 12 колонок.
    • Блоки ME605, МЕ606, CL46, BF802A нужно добавить как элемент, у которого есть карточки. Расстояние между карточками и количество карточек в ряд можно не заполнять.
    • Расстояние между карточками в слайдерах (например, блоки FD401, TE800) будет стандартным.
    • Если используешь автоскейл для блоков с картами, учитывай, что скрипт Яндекса не предназначен для работы с применением zoom. В результате точки на карте могут стать неактивными.
    • Функция «Показывать карточки в один ряд на мобильных устройствах» работает только с блоками в настройках которых есть опция размещения «Показывать карточки в один ряд на мобильных устройствах».
    • Если на странице с автоскейлом установлена модификация NLM048, рекомендуем добавлять id блока с кодом модификации NLM048 в поле "Блоки, которые не нужно увеличивать".
    • Если в блоках с автоскейлом изображения выглядят "мыльными", отключи Lazy Load в настройках сайта. Как найти: Настройки сайта > Ещё > Выключить Lazy Load изображений

    Сгенерируйте код для своего сайта

    Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
    Остались вопросы?
    Шаг 4
    Копировать код
    Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
    Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
    Настройте модификацию
    Шаг 3
    И получите доступ к библиотеке из более чем 200 модификаций.
    Оплатите подписку
    Шаг 2
    Создать аккаунт — это быстро и просто.
    Войдите или зарегистрируйтесь на платформе
    Шаг 1
    Ведутся технические работы((
    Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
    Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
    Остались вопросы?
    Шаг 3
    Копировать код
    Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
    Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
    Настройте модификацию
    Шаг 2
    И получите доступ к библиотеке из более чем 200 модификаций.
    Возобновите подписку
    Шаг 1
    Копировать код
    Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
    Остались вопросы?
    Шаг 3
    Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
    Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
    Настройте модификацию
    Шаг 2
    И получите доступ к библиотеке из более чем 200 модификаций.
    Оплатите подписку
    Шаг 1

    Популярные решения для вашего сайта

    Не нашли нужное решение?

    Часто задаваемые вопросы

    Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
    Не нашли свой вопрос?
    Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
    Не нашли свой вопрос?
    Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
    Есть идеи по улучшению этой модификации или созданию новой?
    Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
    Не забудь подписаться, чтобы быть в курсе последних обновлений.