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

С помощью данной модификации вы сможете сделать разделы вашего каталога товаров в виде кнопок (табов)

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

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

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

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

Где будет работать модификация?

Цвет фона табов:

Высота табов (в 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>

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

К сожалению, видеоинструкция пока недоступна. Но я уже работаю над ней, поэтому она появится здесь в ближайшее время 😉
А если у вас что-то не работает и нужна помощь, пишите в мой чат, помогу

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

Помогла модификация?

можете поблагодарить автора

если у вас есть желание, вы можете пожертвовать любую сумму на развитие проекта

Нужна уникальная модификация?

Просто заполните форму и я свяжусь с вами

Кастомизация кнопок на карточках товаров

Изменение календаря в формах