NLM196 • Время настройки: 1 минута
Как кастомизировать изображение и цену в поп-апе корзины на Тильде?
Эта модификация позволяет настроить увеличенное изображение товара в поп-апе корзины и стилизовать отображение цены товара, настроив цвет текста и подложки под ценой.
Посмотрите, как будет выглядеть модификация на вашем сайте.
Дизайн настраиваете сами — наша модификация добавит нужный эффект.
Смотрите, как быстро установить модификацию
Инструкция
Шаг 1.
Добавляете на страницу блок ST100;
*Важно: для корректной работы модификации в настройке корзины необходимо поставить галочки напротив следующих пунктов: «Не сохранять товар в корзине» и «Запретить изменение количества товара»
Шаг 2.
Заполните поля в генераторе.
«Радиус скругления углов поп-апа на десктопе (px)" - укажите значение радиуса поп-апа для десктопной версии в пикселях;
«Радиус скругления углов поп-апа на моб. устройствах (px)» — укажите значение радиуса поп-апа для мобильной версии в пикселях;
«Радиус скругления углов изображения (px)" - укажите значение радиуса изображения в пикселях;
«Высота изображения в корзине на десктопе (px)» — укажите значение высоты изображения в корзине для десктопной версии в пикселях;
«Высота изображения в корзине на моб. устройствах (px)» — укажите значение высоты изображения в корзине для мобильной версии в пикселях;
«Размер заголовка корзины на десктопе (px)» — укажите размер заголовка корзины для десктопной версии;
«Размер заголовка корзины на моб. устройствах (px)» — укажите размер заголовка корзины для мобильной версии;
«Цвет цены» — укажите цвет цены товара;
«Цвет подложки под ценой» — укажите цвет подложки под ценой товара.
Шаг 3.
Когда всё готово — копируете HTML-код и вставляешь его в блок Т123.
Добавляете на страницу блок 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
Популярные решения для вашего сайта
Не нашли нужное решение?
Часто задаваемые вопросы
Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
У нас есть оперативная техподдержка, которая поможет решить любые вопросы с установкой, настройкой или конфликтами нашего кода. Мы работаем без выходных с 11:00 до 19:00.
Мы уделяем особое внимание стабильности и надежности: все модификации проходят тестирование и корректно работают на Тильде, даже после крупных обновлений платформы. Регулярно добавляем новые эффекты и дорабатываем существующие, чтобы вы всегда могли реализовать дизайнерские идеи без перебоев.
Нет, все модификации доступны по подписке — вы получаете полный доступ к нашей библиотеке из более чем 200 модификаций и эффектов, а также ко всем новым обновлениям без доплат.
В каталоге есть фильтры по задачам и подробные описания с примерами. Если не уверены — напишите нам, мы подскажем оптимальное решение под ваш проект.
Мы постоянно расширяем каталог, дорабатываем функционал текущих модификаций и учитываем пожелания пользователей. У нас есть публичный роадмеп, и самые востребованные решения мы добавляем в библиотеку в первую очередь — расскажите о своей задаче, и, возможно, она появится в ближайших обновлениях.
Новые модификации и улучшения выходят почти каждую неделю. Мы быстро реагируем на изменения в Тильде: если платформа обновляется, мы оперативно корректируем код, чтобы все работало стабильно и без сбоев.
Да, у нас есть короткие видеоуроки, подробные текстовые инструкции и поддержка, которая подскажет на любом этапе.
Все решения оптимизированы для работы на Тильде. Если возникнут вопросы — поддержка поможет подобрать оптимальную конфигурацию для вашего проекта.
Наш сервис работает с 2021 года, нам доверяют десятки тысяч веб-дизайнеров и агентств по всей России и СНГ. Мы регулярно получаем положительные отзывы и кейсы от пользователей.