-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
NLM196 • ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА
Как кастомизировать изображение и цену в поп-апе корзины на Тильде?
Эта модификация позволяет настроить увеличенное изображение товара в поп-апе корзины и стилизовать отображение цены товара, настроив цвет текста и подложки под ценой.
Инструкция
Шаг 1.
Добавляете на страницу блок ST100;
*Важно: для корректной работы модификации в настройке корзины необходимо поставить галочки напротив следующих пунктов: «Не сохранять товар в корзине» и «Запретить изменение количества товара»
Шаг 2.
Заполните поля в генераторе.
«Радиус скругления углов поп-апа на десктопе (px)» – укажите значение радиуса поп-апа для десктопной версии в пикселях;
«Радиус скругления углов поп-апа на моб. устройствах (px)» – укажите значение радиуса поп-апа для мобильной версии в пикселях;
«Радиус скругления углов изображения (px)» – укажите значение радиуса изображения в пикселях;
«Высота изображения в корзине на десктопе (px)» – укажите значение высоты изображения в корзине для десктопной версии в пикселях;
«Высота изображения в корзине на моб. устройствах (px)» – укажите значение высоты изображения в корзине для мобильной версии в пикселях;
«Размер заголовка корзины на десктопе (px)» – укажите размер заголовка корзины для десктопной версии;
«Размер заголовка корзины на моб. устройствах (px)» – укажите размер заголовка корзины для мобильной версии;
«Цвет цены» – укажите цвет цены товара;
«Цвет подложки под ценой» – укажите цвет подложки под ценой товара.
Шаг 3.
Когда всё готово — копируете HTML-код и вставляешь его в блок Т123.
Шаг 1.
Добавляете на страницу блок ST100;
*Важно: для корректной работы модификации в настройке корзины необходимо поставить галочки напротив следующих пунктов: «Не сохранять товар в корзине» и «Запретить изменение количества товара»
Шаг 2.
Заполните поля в генераторе.
«Радиус скругления углов поп-апа на десктопе (px)» – укажите значение радиуса поп-апа для десктопной версии в пикселях;
«Радиус скругления углов поп-апа на моб. устройствах (px)» – укажите значение радиуса поп-апа для мобильной версии в пикселях;
«Радиус скругления углов изображения (px)» – укажите значение радиуса изображения в пикселях;
«Высота изображения в корзине на десктопе (px)» – укажите значение высоты изображения в корзине для десктопной версии в пикселях;
«Высота изображения в корзине на моб. устройствах (px)» – укажите значение высоты изображения в корзине для мобильной версии в пикселях;
«Размер заголовка корзины на десктопе (px)» – укажите размер заголовка корзины для десктопной версии;
«Размер заголовка корзины на моб. устройствах (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