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

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

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

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

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

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

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