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

Предлагаю вариант увеличения кол-ва вкладок в меню МЕ603
Первые 5 вкладок создаём штатно, остальные добавляем через скрипт

Скрипт добавляется в блок ДРУГОЕ►Т123
<script type="text/javascript">
   //Добавляем новые вкладки в наше меню
   //В поле data-tab-rec-ids="39707098"   прописываете номера показываемых блоков для этой вкладки
   //В этом месте >Шестой< прописываете надпись для вкладки
   //Чтобы уменьшить кол-во вкладок просто удалите нижние строки
/*6 вкладка*/ $('.t397__wrapper').append('<div class="t397__tab t397__width_20" data-tab-rec-ids="40305918,40305953"><div class="t397__title t-name t-name_xs">Шестой</div></div>');

/*Для мобильной версии*/
/*6 вкладка*/ $(".t397__select").append( $('<option value="40305918,40305953">Шестой</option>'));

//Удаляем класс для снятия ограничения по ширине
   $(".t397__col.t-width.t-width_12").removeClass("t-width_12");

</script>

<style>
    /*Применяем стили к новым вкладкам */
    .t397__title{
      color:#000000;
      font-size:16px;
      font-weight:400;
      padding-top:14px;
      padding-bottom:14px;  
}     
    /*Фиксируем высоту новых вкладок */
    .t397__tab_active .t395__title {
      padding-bottom: 14px;
      padding-top: 14px;
}
    /*Распределяем вкладки по ширине 100/12=8,3% */
    .t397__width_20 {
      width: 8.3%;
}

    /*Эффект наведения на вкладки*/
   .t397__tab:hover{
      box-shadow: 0px 0px 1px 0px #000000;	
       
   }
   
   .t397__tab{
   border-bottom: 1px solid #eee;
   }
   
   
     /*Тень для фото*/
   .t196__img {
      box-shadow: 0px 0px 2px 1px #FFFFFF;
   }
     /*Отображать свёрнутое меню до такой ширины*/
    @media screen and (max-width: 930px) {
  
    .t397__wrapper_mobile {
      display: block;
}     
}
     /*Отображать развёрнутое меню до такой ширины*/
    @media screen and (max-width: 930px) {
  
   .t397__wrapper {
      display: none !important;
}     
}


</style>
Error get alias
Error get alias
Error get alias
Made on
Tilda