Кастомные табы товаров
в несколько строк

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

Назад
Zero-блок

Кастомные табы товаров
в несколько строк
Инструкция для установки
Видеоинструкция
Текстовая инструкция
Появится в течении дня
1. Указываем настройки для табов в генераторе кода.
2. Копируем готовый код и вставляем в "Пользовательские CSS стили" или на нужную страницу в блок T123.
Пользовательские стили находятся в: Настройки сайта > Еще > Редактировать CSS
! Для появления табов категорий товары должны быть выгружены через каталог товаров.
Генератор кода
Цвет текста
Цвет фона
Радиус скругления углов
Цвет текста активной вкладки
Цвет фона активной вкладки
Цвет обводки активной вкладки
Больше настроек
Цвет обводки
Толщина обводки
Отступ справа и слева
Отступ сверху и снизу
Расстояние между карточками
Скопировать код
Код скопирован
Внешний вид вашей модификации
Код с вашими параметрами
<style> 
    .t-store__parts-switch-wrapper { 
        display: inline-block;
        width: 100%; 
        overflow-y: scroll; 
        overflow-y: hidden!important; } 
    .js-store-parts-switcher.t-store__parts-switch-btn.t-name.t-name_xs.t-menu__link-item { 
        color: #2D2D2D;
        display: inline-block; 
        margin-right: 15px;
        margin-left: 15px;
        white-space: nowrap; 
        align-items: center;
        padding: 8px 15px; 
        border-radius: 30px; 
        border: 2px solid #f96855 !important; 
        background-color: #FFFFFF; } 
    .js-store-parts-switcher.t-store__parts-switch-btn.t-name.t-name_xs.t-menu__link-item.t-active { 
        background-color: #2D2D2D; 
        color: #FFFFFF; 
        border: 2px solid #f7d5ce !important; 
        opacity: 100%!important } 
    .t-store__card__mark { 
        height: 20px; } 
</style>
Могут быть интересны
Техническая поддержка
Заказать установку
Тебе нужна помощь
с установкой или возник
вопрос по сервису?