NLM180 • Время настройки: 5 минут
Кастомизируй стандартную корзину на Тильде
Эта модификация позволяет изменить визуальное оформление стандартной корзины на вашем сайте. Настройки включают изменение цветов фона, заголовков, текста товаров, а также иконок для управления количеством и удаления товаров.
Она работает в связке с другими нашими решениями, чтобы вы могли пройти весь путь от макета до запуска сайта, не привлекая разработчиков.
Эта модификация — часть системы инструментов для работы с Тильдой
Перенесите макет в Тильду за 10 минут
Начните работу правильно: экспортируйте дизайн из Figma сразу с адаптацией и авто-лейаутом. Вы получаете идеальный фундамент для дальнейшей настройки, не тратя часы на переверстку вручную.
Начните работу правильно: экспортируйте дизайн из Figma сразу с адаптацией и авто-лейаутом. Вы получаете идеальный фундамент для дальнейшей настройки, не тратя часы на переверстку вручную.
Плагин для Figma
AI-ассистент
Генератор CSS-стилей
Модификации
Расширение для Тильды
Работайте с модификациями внутри привычного редактора Тильды
Макет перенесен? Библиотека модификаций и продвинутые инструменты для верстки теперь встроены в интерфейс. Открываете редактор, и всё под рукой.
Макет перенесен? Библиотека модификаций и продвинутые инструменты для верстки теперь встроены в интерфейс. Открываете редактор, и всё под рукой.
Ваш персональный AI-ассистент для Тильды
Остались нестандартные задачи? Попросите нейросеть написать уникальный скрипт, поправить анимацию или сгенерировать контент. Идеальный штрих для сдачи проекта без компромиссов.
Остались нестандартные задачи? Попросите нейросеть написать уникальный скрипт, поправить анимацию или сгенерировать контент. Идеальный штрих для сдачи проекта без компромиссов.
Стандартные блоки Tilda не вписываются в дизайн?
Генератор стилей перекрасит элементы и поля, добавит тени, отступы или скругления — без написания кода.
Генератор стилей перекрасит элементы и поля, добавит тени, отступы или скругления — без написания кода.
Добавьте уникальные функции в один клик
База готова — время оживить проект. Выбирайте из 200+ готовых решений (слайдеры, формы, эффекты), которые легко «надеваются» на ваши блоки через интерфейс Расширения.
База готова — время оживить проект. Выбирайте из 200+ готовых решений (слайдеры, формы, эффекты), которые легко «надеваются» на ваши блоки через интерфейс Расширения.
Посмотрите, как будет выглядеть модификация на вашем сайте.
Дизайн настраиваете сами — наша модификация добавит нужный эффект.
Смотрите, как быстро установить модификацию
Инструкция
- Добавляешь на страницу блок ST100;
Настройки генератора модификации:
- «Цвет фона окна корзины» — укажите цвет фона;
- «Радиус границ окна корзины» — укажите значение радиуса в пикселях;
- «Цвет заголовка окна корзины» — укажите цвет заголовка;
- «Цвет названия товара» — укажите цвет названия товара;
- «Цвет опции товара» — укажите цвет опции товара;
- «Цвет количества товара» — укажите цвет количества товара;
- «Цвет границы при наведении на количество товара» — укажите цвет границы;
- «Цвет суммы товара» — укажите цвет суммы товара;
- «Цвет суммы товаров в корзине» — укажите цвет суммы товаров в корзине;
- «Цвет общей суммы товаров» — укажите цвет общей суммы товаров;
- «Цвет границы корзины» — укажите цвет границы окна корзины;
- «Ссылка для иконки плюса» — укажите ссылку на изображение иконки плюса;
- «Ссылка для иконки минуса» — укажите ссылку на изображение иконки минуса;
- «Ссылка для иконки удаления» — укажите ссылку на изображение иконки удаления.
Вставляем галерею GL12 и загружаем в неё изображение, сохраняем блок, открываем снова, копируем ссылку и вставляем в генератор. Формат файла советуем использовать svg или png;
2.Копируешь сгенерированный HTML код и вставляешь его в блок Т123.
Важно! Фон полей для заполнения в корзине задается в настройках стандартного блока.
Сгенерируйте код для своего сайта
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
Корзина Тильда — как сделать её частью твоего бренда
Стандартная корзина Tilda работает нормально, но визуально часто выбивается из дизайна сайта. Пользователь видит аккуратный каталог, фирменные карточки, продуманные кнопки — а при добавлении товара открывается стандартное окно корзины, которое выглядит отдельно от всего проекта.
Модификация NLM180 от Nolim помогает кастомизировать стандартную корзину на Тильде: настроить фон окна, цвета заголовков, текста, суммы, границ и заменить иконки управления товарами.
Модификация NLM180 от Nolim помогает кастомизировать стандартную корзину на Тильде: настроить фон окна, цвета заголовков, текста, суммы, границ и заменить иконки управления товарами.
Как установить за 5 минут
Сначала добавь на страницу стандартный блок корзины ST100 и настрой базовые параметры магазина в Tilda. Затем открой генератор на странице модификации и задай стили для окна корзины: фон, радиус, цвет заголовка, название товара, опции, количество, сумму и границу.
Если хочешь заменить иконки плюса, минуса и удаления, загрузи изображения в галерею GL12, скопируй ссылки на файлы и вставь их в генератор. После настройки скопируй готовый код, вставь его в блок T123 и опубликуй страницу.
Если хочешь заменить иконки плюса, минуса и удаления, загрузи изображения в галерею GL12, скопируй ссылки на файлы и вставь их в генератор. После настройки скопируй готовый код, вставь его в блок T123 и опубликуй страницу.
Что можно изменить в корзине
В модификации можно настроить основные визуальные элементы стандартной корзины: цвет фона окна, радиус скругления, цвет заголовка, текста товара, опций, количества, суммы товара, общей суммы и границы корзины.
Отдельно можно заменить стандартные иконки управления количеством и удаления товара. Это полезно, если у сайта уже есть фирменные SVG-иконки, своя графика или более аккуратный стиль интерфейса.
Отдельно можно заменить стандартные иконки управления количеством и удаления товара. Это полезно, если у сайта уже есть фирменные SVG-иконки, своя графика или более аккуратный стиль интерфейса.
Где используют кастомизацию корзины
Кастомная корзина особенно важна для интернет-магазинов с выраженным визуальным стилем: одежда, косметика, украшения, декор, мебель, товары для дома, цифровые продукты, курсы и подарочные наборы.
Если каталог уже оформлен не стандартно, корзину тоже лучше привести к общему виду. Так пользователь не чувствует резкого перехода между красивой карточкой товара и техническим окном оформления заказа.
Если каталог уже оформлен не стандартно, корзину тоже лучше привести к общему виду. Так пользователь не чувствует резкого перехода между красивой карточкой товара и техническим окном оформления заказа.
Чем это отличается от корзины в Zero Block
Эта модификация не переносит корзину в кастомное меню и не собирает новую корзину с нуля. Она меняет внешний вид стандартной корзины Tilda, сохраняя её базовую логику: добавление товаров, изменение количества, удаление позиций и переход к оформлению заказа.
Если задача — полностью управлять расположением иконки корзины в меню Zero Block, лучше использовать отдельную модификацию для корзины в Zero Block. Если задача — сделать стандартное окно корзины аккуратным и фирменным, подходит NLM180.
Если задача — полностью управлять расположением иконки корзины в меню Zero Block, лучше использовать отдельную модификацию для корзины в Zero Block. Если задача — сделать стандартное окно корзины аккуратным и фирменным, подходит NLM180.
Что проверить после публикации
После установки добавь несколько товаров в корзину и проверь все состояния: один товар, несколько товаров, товар с опциями, изменение количества, удаление позиции и переход к оформлению заказа.
Отдельно посмотри мобильную версию. Текст, сумма, кнопки и иконки должны оставаться читаемыми, а окно корзины не должно выглядеть тесным. Если элементы спорят между собой, лучше упростить палитру: оставить один основной цвет, один цвет акцента и аккуратные иконки без лишней детализации.
Отдельно посмотри мобильную версию. Текст, сумма, кнопки и иконки должны оставаться читаемыми, а окно корзины не должно выглядеть тесным. Если элементы спорят между собой, лучше упростить палитру: оставить один основной цвет, один цвет акцента и аккуратные иконки без лишней детализации.
Популярные решения для вашего сайта
Не нашли нужное решение?
Часто задаваемые вопросы
Зайди в генератор на nolim.cc/custom-cart, выбери цвет иконки корзины, цвет счётчика товаров, стиль кнопки «Оформить заказ». Скопируй код и вставь в блок «HTML-код» в Tilda. Корзина Тильды сразу поменяет внешний вид без изменения функционала.
Нет. Модификация Nolim меняет только CSS-стили — визуальное отображение. Вся логика корзины (добавление товаров, подсчёт, переход к оформлению) остаётся стандартной системой Tilda. Никакого риска сломать магазин.
Это решается другой модификацией — nolim.cc/cart-zero-block. Она позволяет перенести корзину в кастомное меню из Zero Block, где ты полностью контролируешь её расположение и дизайн.
Было: магазин женской одежды использовал стандартную серую корзину Tilda — она не вписывалась в нежный розово-бежевый бренд.
Стало: через генератор Nolim поменяли иконку на фирменную, цвет счётчика на акцентный розовый. Корзина Тильды стала частью визуальной идентики. Покупатели чаще доходили до оформления заказа — конверсия выросла на 11%.
Стало: через генератор Nolim поменяли иконку на фирменную, цвет счётчика на акцентный розовый. Корзина Тильды стала частью визуальной идентики. Покупатели чаще доходили до оформления заказа — конверсия выросла на 11%.