Name: Фоновое изображение для блока
Brand: LF Code
SKU: block-background-image
Price: 350 RUB
Availability: InStock

Что делает модификация

Назначает фоновое изображение одному или нескольким блокам Tilda с выбором масштаба и позиции.

Стандартные блоки TildaСледуйте требованиям в инструкции.

Готовый кодГотовый фрагмент для опубликованной страницы.

Настройки в аккаунтеВыберите параметры и скопируйте результат.

Проверяйте опубликованную страницу, а не редактор Tilda.

Настройте под свой сайт

Настройка	Назначение
Строки: rec123\|https://адрес/изображение	Выберите значение в интерфейсе личного кабинета.
Масштаб	Выберите значение в интерфейсе личного кабинета.
Позиция	Выберите значение в интерфейсе личного кабинета.

Подготовьте блокУберите непрозрачную заливку стандартного блока и его внутренних контейнеров, иначе они перекроют изображение.
Получите ссылкуЗагрузите изображение в LF Drive и скопируйте прямую публичную HTTPS-ссылку. Альтернатива — Copy Image URL у Add Image в Tilda.
Задайте парыДля каждого фона добавьте отдельную строку rec…|ссылка в кабинете. ID находится в настройках блока. Выберите cover или contain и позицию.
Установите кодВ личном кабинете задайте параметры и нажмите «Сгенерировать код». Вставьте весь результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
Проверьте кадрированиеОткройте страницу на компьютере и телефоне: cover может обрезать края, contain оставляет свободное пространство.

Важно

Проверяйте опубликованную страницу, а не редактор Tilda.

Где менять параметры?

После покупки откройте модификацию в разделе «Покупки». Настройте параметры, нажмите «Сгенерировать код» и замените прежний код на сайте.

Когда появится результат?

После публикации страницы. Проверьте классы, ID и адаптацию блоков. Установите только одну копию кода для одного набора элементов.

Что показывает пример?

Пример демонстрирует механику на элементах LF Code. На вашем сайте используются подготовленные элементы Tilda.