Разделы каталога товаров в виде табов

Пример использования данной модификации ↓

О модификации

Данная модификация работает с блоками из категории «Каталог товаров»: ST300, ST305N, ST310N, ST315N, ST320N, ST330.

Настройка обычного состояния табов

Где будет работать модификация?
Цвет фона табов
Высота табов (в px)
Размер обводки табов (в px)
Радиус скругления обводки (в px)
Цвет обводки
Отступ табов слева от экрана (в px)
Горизонтальный отступ между табами (в px)
Вертикальный отступ между табами (в px)
Отступ текста внутри таба слева (в px)
Отступ текста внутри таба справа (в px)
Название шрифта в табах
Начертание шрифта
Размер шрифта (в px)

Настройка активного состояния табов

Цвет фона активного таба
Цвет текста активного таба
Размер обводки (в px)
Цвет обводки

Настройка состояния табов при наведении

Цвет фона табов
Цвет текста табов
Размер обводки (в px)
Цвет обводки
<style> /*Разделы каталога товаров в виде табов на Tilda: https://vladislav-land.ru/sections*/ @media screen and (min-width: 1200px) { .js-store-parts-switcher  {  background-color: #161616;  line-height: 60px;  padding-left: 22px;  padding-right: 22px;  border-radius: 0px;  margin-right: 0px;  margin-left: 0px;  border: 1px solid #FFFFFF;  font-family: Montserrat !important;  font-weight: 100 !important;  font-size: 16px !important;  height: 60px !important;  vertical-align: middle !important;  box-sizing: content-box !important; } .t-store__parts-switch-wrapper {  text-align: left;  margin-bottom: 0px!important;  margin-left: 15px!important; } .t-store__parts-switch-btn.t-active {  opacity:1;  background-color: #161616 !important;  color: #F9CD46 !important;  border: 1px solid #F9CD46 !important; } .t-store__parts-switch-btn:hover {  background-color: #161616 !important;  color: #F9CD46 !important;  border: 1px solid #F9CD46 !important; } } </style>

Помогла модификация? — Подпишись на мой telegram-канал

Другие модификации

Бесплатное учу дизайнеров продавать на высокие чеки →
Made on
Tilda