#tilda #тильда
Сегодня хочу поделиться простыми лайфхаком и скриптом для открытия страницы на нужной вкладке блоков ME602 и ME603 – это вкладки с цветом фона и вкладки с отводкой внизу.
Допустим, у вас есть несколько вкладок и скрытый в них контент. Вы хотите показать не первую вкладку, которая открывается по умолчанию, а любую другую. Если пользователь переходит откуда-то, то можно просто использовать особую ссылку – об этом поговорим в разделе «Лайфхак». Если же вы хотите сразу при загрузке страницы открывать какую-то вкладку (например, это необходимо сделать на главной), то нужно будет использовать скрипт – об этом в соответствующем разделе. Поехали!
Лайфхак
С ним всё очень просто – в ссылке на вашу новую страницу с вкладками указываете хэш #!/tab/435908430-2, т.е. ваша полная ссылка будет выглядеть так: /new-page#!/tab/435908430-2, где:
- /new-page – это адрес целевой страницы (если главная, то просто «/»);
- 435908430 – это ID блока ME602 или ME603 без «rec»;
- 2 – это номер вкладки в меню.
Работает это как с блоком ME602, так и с блоком ME603.
Скрипт
А, вот, чтобы страница сама при загрузке открывала нужную вкладку, используйте скрипт (поместить его нужно будет в блок T123 в самом низу страницы).
В первой строке скрипта нужно указать номер вкладки в переменной num. Изначально для примера я установил вторую вкладку: const numTab = 2.
Для ME602
<script>
const numTab = 2;
$(document).ready(function() {
$('.t395__tab:eq('+(numTab-1)+')').click();
});
</script>
Для ME603
<script>
const numTab = 2;
$(document).ready(function() {
$('.t397__tab:eq('+(numTab-1)+')').click();
});
</script>
Вот и всё!
Делитесь в комментариях, полезный ли лайфхак, а также задавайте вопросы относительно других функций. Возможно, некоторые из них уже реализованы на https://necodim.ru/