Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
Как добавить вкладку для меню ME603 для Tilda
UP TITLE
We’re here to put a dent in the universe. Otherwise why else even be here?

1

2

3

4

5

6

7

8

9

10

11

12

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

1
Создали блок ME603
2
Создали и настроили в нём 5 вкладок
3
Добавили код в блок Другое Т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>
Made on
Tilda