HTML-код для добавлению выпадающего списка с пунктами на Тильде

Пишите в мессенджеры или закажите звонок

Разработка лендингов на Тильде под ключ

HTML-код для выпадающего списка

Полезные статьи о веб-дизайне, платформе Tilda и продвижении лендингов

Код для добавления дополнительных вкладок в блок ME602

<script type="text/javascript">

   //Добавляем новые вкладки в наше меню
   //В поле data-tab-rec-ids="39707098"   прописываете номера показываемых блоков для этой вкладки
   //В этом месте >Estoque< прописываете надпись для вкладки
   //Чтобы уменьшить кол-во вкладок просто удалите нижние строки
/*9 вкладка*/ $('.t395__wrapper').append('<div class="t395__tab t395__width_20" data-tab-rec-ids="165975861"><div class="t395__title t-name t-name_xs">Murcielago</div></div>');
/*10 вкладка*/ $('.t395__wrapper').append('<div class="t395__tab t395__width_20" data-tab-rec-ids="165975862"><div class="t395__title t-name t-name_xs">Reventon</div></div>');
/*11 вкладка*/ $('.t395__wrapper').append('<div class="t395__tab t395__width_20" data-tab-rec-ids="165975863"><div class="t395__title t-name t-name_xs">Urus</div></div>');
/*12 вкладка*/ $('.t395__wrapper').append('<div class="t395__tab t395__width_20" data-tab-rec-ids="165975864"><div class="t395__title t-name t-name_xs">Veneno</div></div>');


/*9 вкладка*/ $(".t395__select").append( $('<option value="165975861">Murcielago</option>'));
/*10 вкладка*/ $(".t395__select").append( $('<option value="165975862">Reventon</option>'));
/*11 вкладка*/ $(".t395__select").append( $('<option value="165975863">Urus</option>'));
/*12 вкладка*/ $(".t395__select").append( $('<option value="165975864">Veneno</option>'));

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

</script>

Код выпадающего списка
Важно! Чтобы этот код не конфликтовал с другими блоками, задайте перед классами ID блока ME602. Например, #rec345636770

<style>
    @media screen and (max-width: 3100px) {
#IDВАШЕГОБЛОКАME602   .t395__wrapper {
            display: none;
        }
#IDВАШЕГОБЛОКАME602   .t395__wrapper_mobile {
            display: block;
        }
    }
</style>

© 2020. Копирование материалов сайта запрещено
Буду рад обсудить Ваш проект в ВК или мессенджерах
Made on
Tilda