Уведомление при добавлении товара в корзину

Модификация поможет изменить внешний вид категорий товаров

Назад

Zero-блок

Инструкция для установки

Видеоинструкция

Текстовая инструкция

Появится в течении дня

1. Введите нужные параметры, скопируйте код и вставьте его в блок T123. Сам блок с кодом разместите в футере.

! Модификация работает только для товаров из каталога.

Оформить подписку

Эта модификация доступна только по подписке

Генератор кода

Цвет фона корзины

Цвет заголовка корзины

Скругление окна корзины, px

Цвет заголовка карточки товара

Цвет описания в карточке товара

Цвет количества товара

Больше настроек

Цвет цены в карточке товара

Цвет суммы заказа

Толщина линий, px

Цвет линий

Ссылка на иконку "Плюс"

Ссылка на иконку "Крестик"

Цвет границы при наведении на кол-во товара

Скопировать код

Код скопирован

Внешний вид вашей модификации

Hover me

Код с вашими параметрами

<style> .t706__cartwin-content {
        background-color: #212121 !important;
        border-radius: 5px;
    }
    
    .t706__cartwin-heading {
        color: #ffffff !important;
    }
    
    .t706__product-title {
        color: #ffffff !important;
    }
    .t706__product-title__option {
        color: #ffffff !important;
        opacity: 1 !important;
    }
    
    .t706__product-quantity,
    .t706__product-quantity-inp {
        color: #ffffff !important;
    }
    
    .t706__product-quantity:hover,
    .t706__product-quantity_editing:hover {
        border: 1px solid #4287f5 !important;
    }
    
    .t706__product-amount {
        color: #ffffff !important;
    }
    
    .t706__cartwin-prodamount-wrap {
        color: #ffffff !important;
    }
    
    .t706__cartwin-top {
        border-bottom: 1px solid #e42e3a;
    }
    .t706__cartwin-bottom {
        border-top: 1px solid #e42e3a;
    }
    
    .t706__product-plus,
    .t706__product-minus,
    .t706__product-del {
        opacity: 1 !important;
    }
    .t706__product-plus img,
    .t706__product-minus img,
    .t706__product-del img{
        display: none;
    }
    .t706__product-plus:before,
    .t706__product-minus:before,
    .t706__product-del:before {
        content: '';
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        position: relative;
        top: 3px;
    }
    .t706__product-del:before {
        width: 20px;
        height: 20px;
        top: 2px;
    }
    .t706__product-plus:before {
        background-image: url('https://static.tildacdn.com/tild3762-6633-4138-a563-363266613365/arrows_circle_plus.svg');
        background-position: 50% 50%;
    }
    .t706__product-minus:before {
        background-image: url('https://static.tildacdn.com/tild3737-6338-4130-b631-356634356366/arrows_circle_minus.svg');
        background-position: 50% 50%;
    }
    .t706__product-del:before {
        background-image: url('https://static.tildacdn.com/tild3237-6263-4363-a239-313862383964/arrows_circle_remove.svg');
        background-position: 50% 50%;
    }
    
    </style>

Могут быть интересны

Техническая поддержка

Заказать установку

Тебе нужна помощь
с установкой или возник вопрос по сервису?