-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
NLM200 • ВРЕМЯ НАСТРОЙКИ: 5 МИНУТ
Как сделать блок избранного на весь экран В Тильде?
Эта модификация дает возможность настроить окно с избранными товарами пользователя, расширяя его на весь экран. Также можно задавать индивидуальные параметры отступов и размеров фотографий товаров для каждого разрешения экрана.
Инструкция
Шаг 1.
Добавляешь на страницу блок с товарами из каталога, блок ST100 и ST110.
Шаг 2.
Заполняешь поля в генераторе.
1. Цвет фона всего попапа
- Укажите шестнадцатеричный код цвета (например, #ffffff для белого цвета) для фона всего попапа. Этот цвет будет общим для всего всплывающего окна.
2. Цвет заголовка попапа 'Избранное'
- Введите код цвета, который будет использоваться для текста заголовка попапа. Это может быть, например, #ff0000 для красного цвета.
3. Цвет иконки закрытия
- Укажите цвет для иконки закрытия попапа. Это поможет сделать иконку хорошо заметной на фоне попапа.
4. Цвет фона карточек
- Введите цвет, который будет использоваться в качестве фона для карточек товаров. Например, #f0f0f0 для светло-серого фона.
5. Радиус скругления углов у карточек (px)
- Определите размер радиуса в пикселях, который будет применен к углам карточек. Например, 10px для слегка скругленных углов.
6. Отступ вокруг карточек, если нужно (px)
- Укажите значение отступа в пикселях, если вы хотите добавить пространство вокруг карточек. Например, 15px.
7. Стиль отображения изображения
- Выберите стиль отображения изображения (например, "cover" или "contain"), в зависимости от того, как вы хотите, чтобы изображение выглядело на карточке.
8. Радиус скругления углов у картинки (px)
- Введите радиус скругления для изображений товаров в пикселях. Например, 5px для легкого скругления углов.
9. Ссылка на иконку закрытия
- Укажите URL-адрес изображения, которое будет использоваться в качестве иконки закрытия попапа.
10. Направление выезда окна
- Выберите направление, откуда будет выезжать меню: "справа", "сверху", "снизу" или "слева".
---
Настройки для экранов в зависимости от разрешений
12. Количество карточек
- Укажите количество карточек, которое будет отображаться на экране выбранного разрешения.
13. Отступ между карточками (px)
- Введите размер отступа в пикселях между карточками.
14. Высота изображения (px)
- Укажите желаемую высоту изображений.
Шаг 3.
Когда всё готово — копируешь HTML-код и вставляешь его в блок Т123.
Шаг 1.
Добавляешь на страницу блок с товарами из каталога, блок ST100 и ST110.
Шаг 2.
Заполняешь поля в генераторе.
1. Цвет фона всего попапа
- Укажите шестнадцатеричный код цвета (например, #ffffff для белого цвета) для фона всего попапа. Этот цвет будет общим для всего всплывающего окна.
2. Цвет заголовка попапа 'Избранное'
- Введите код цвета, который будет использоваться для текста заголовка попапа. Это может быть, например, #ff0000 для красного цвета.
3. Цвет иконки закрытия
- Укажите цвет для иконки закрытия попапа. Это поможет сделать иконку хорошо заметной на фоне попапа.
4. Цвет фона карточек
- Введите цвет, который будет использоваться в качестве фона для карточек товаров. Например, #f0f0f0 для светло-серого фона.
5. Радиус скругления углов у карточек (px)
- Определите размер радиуса в пикселях, который будет применен к углам карточек. Например, 10px для слегка скругленных углов.
6. Отступ вокруг карточек, если нужно (px)
- Укажите значение отступа в пикселях, если вы хотите добавить пространство вокруг карточек. Например, 15px.
7. Стиль отображения изображения
- Выберите стиль отображения изображения (например, "cover" или "contain"), в зависимости от того, как вы хотите, чтобы изображение выглядело на карточке.
8. Радиус скругления углов у картинки (px)
- Введите радиус скругления для изображений товаров в пикселях. Например, 5px для легкого скругления углов.
9. Ссылка на иконку закрытия
- Укажите URL-адрес изображения, которое будет использоваться в качестве иконки закрытия попапа.
10. Направление выезда окна
- Выберите направление, откуда будет выезжать меню: "справа", "сверху", "снизу" или "слева".
---
Настройки для экранов в зависимости от разрешений
12. Количество карточек
- Укажите количество карточек, которое будет отображаться на экране выбранного разрешения.
13. Отступ между карточками (px)
- Введите размер отступа в пикселях между карточками.
14. Высота изображения (px)
- Укажите желаемую высоту изображений.
Шаг 3.
Когда всё готово — копируешь HTML-код и вставляешь его в блок Т123.
Смотрите, как быстро установить модификацию
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1