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.
+120 модификаций
Скидка 25% на курсы
Обновление модификаций и доступ к новым
Базовая
550₽
/месяц
Для решения краткосрочных задач
30 дней
Плагин для Тильды
Поддержка без выходных
Закрытые эфиры
чтобы скопировать код, ОФОРМИТЕ ПОДПИСКУ или ВОЙДИТЕ в личный кабинет
Плагин для Тильды
Поддержка без выходных
+140 модификаций
Премиум
275₽
/месяц
Экономия 3300₽ в год
365 дней
Скидка 25% на курсы
Обновление модификаций и доступ к новым
Закрытые эфиры
Все пользователи, оформившие Премиум-подписку, получают доступ к дополнительным разделам: «Интернет-магазин» и «Личный кабинет».
В этих разделах представлены различные модификации, которые не доступны тем, кто оформил месячную подписку.
В этих разделах представлены различные модификации, которые не доступны тем, кто оформил месячную подписку.
Все пользователи, оформившие Премиум-подписку, могут воспользоваться 25% скидкой на все курсы и гайды Академии Нолим.
Все пользователи, оформившие Премиум-подписку, могут посещать закрытые мероприятия, на которые мы приглашаем ведущих экспертов рынка.
На этих встречах они делятся своим опытом, что открывает новые горизонты для всех участников.
На этих встречах они делятся своим опытом, что открывает новые горизонты для всех участников.
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Есть идеи по улучшению этой модификации или созданию новой?
Не забудь подписаться, чтобы быть в курсе последних обновлений.