Loading...
Адвент-календарь для Tilda-дизайнеров
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Адвент-календарь для Tilda-дизайнеров
....
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 карточки в ряд, чтобы элементы не разрывались.
    • Если в блоках TX16N и TX16N2 отступы краёв неправильные, используй настройки для карточек. Задай количество карточек в ряд: 1 — одна колонка, 2 — две колонки и т. д.
    • Вертикальный отступ между карточками в TX16N2 настраивается в модификации для элементов с карточками и новостями и равен расстоянию между строками карточек.
    • Для двух колонок в TX16N и TX16N2 ширина блока должна быть 12 колонок. В разделе «Добавить элемент, у которых есть карточки, новости и т. п.» укажи ID блока и в генераторе задай 2 карточки в ряд. Чтобы настроить отступ между колонками, укажи расстояние между колонками карточек.
    • В блоках с товарами не указывай «Два товара в ряд на мобильных устройствах». Количество карточек в ряд задается в настройках модификации.
    • Для блоков TX01, TX13, ME605, МЕ606, CL46, BF802A нужно применить настройки для блоков с карточками. Настройки отступов можно выбирать любые. Ширина этих блоков должна быть 12 колонок.
    • Расстояние между карточками в слайдерах (например, блоки FD401, TE800) будет стандартным.
    • Если используешь автоскейл для блоков с картами, учитывай, что скрипт Яндекса не предназначен для работы с применением zoom. В результате точки на карте могут стать неактивными.
    • Функция «Показывать карточки в один ряд на мобильных устройствах» работает только с блоками в настройках которых есть опция размещения «Показывать карточки в один ряд на мобильных устройствах».
    • Если на странице с автоскейлом установлена модификация NLM048, рекомендуем добавлять id блока с кодом модификации NLM048 в поле «Блоки, которые не нужно увеличивать».
    • Если в блоках с автоскейлом изображения выглядят «мыльными», отключи Lazy Load в настройках сайта. Как найти: Настройки сайта > Ещё > Выключить Lazy Load изображений.

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

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

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

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

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

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