Как добавить вкладку для меню ME603 для Tilda

Создали блок ME603

Создали и настроили в нём 5 вкладок

Добавили код в блок Другое Т123

Mo-ti Level Up

Видео инструкции по добавлению кода и работе с Zero Block.

Получить полное видео

Посмотреть все видео

Добавляем дополнительные вкладки в блок ME603. Изменяем ширину табов в одной строке.
Длительность видео: 26 минут

Фрагмент видео

Посмотреть видео в личном кабинете ►

Библиотека для примера


<script type="text/javascript">
/*6 вкладка*/ 
$('.t397__wrapper').append('<div class="t397__tab t397__width_20" data-tab-rec-ids="165989201,165989202"><div class="t397__title t-name t-name_xs">Шестой</div></div>');
/*Для мобильной версии*/
/*6 вкладка*/ 
$(".t397__select").append( $('<option value="165989201,165989202">Шестой</option>'));
//Удаляем класс для снятия ограничения по ширине
$(".t397__col.t-width.t-width_12").removeClass("t-width_12");
</script>
<style>
    /*Применяем стили к новым вкладкам */
    .t397__title{
      color:#cfcfcf;
      font-size:16px;
      font-weight:400;
}     
    /*Фиксируем высоту новых вкладок */
    .t397__tab_active .t395__title {
      padding-bottom: 14px;
      padding-top: 14px;
}
    .t397 .t-container {max-width: 1160px;}
    .t397__wrapper {display: inline-table;}
    .t397__width_20 {
    width: calc(1160px/6);
    margin-top:5px;
}
    /*Нижнее подчёркивание*/
   .t397__tab{
   border-bottom: 1px solid #eee;
   display: inline-table;
   }
     /*Отображать свёрнутое меню до такой ширины*/
    @media screen and (max-width: 930px) {
    .t397__wrapper_mobile {  display: block;}     
}
     /*Отображать развёрнутое меню до такой ширины*/
    @media screen and (max-width: 930px) {
   .t397__wrapper { display: none !important;}     
}
</style>