Как автоматически создавать ссылки для смены языка на сайте Tilda?

С помощью этой модификации можно автоматически создавать ссылки на языковые версии в блоке ME601A. Достаточно добавить языковые коды в меню и скрипт сам будет формировать корректные ссылки, перенаправляя пользователей на соответствующую языковую версию страницы. Дополнительно можно скрывать текущий язык из списка.

Модификация работает с включенным Autoscale в блоках

Модификация находится на бета тесте. Мы активно собираем обратную связь чтобы улучшить функционал скрипта и исправить возможные баги.

Модификация работает только со стандартным блоком

Номер модификации в библиотеке TiCode

Генератор кода

поделиться модификацией

Класс для блока ME601A

Язык поумолчанию

Список языков на сайте

Текущий язык в списке

войти

Войдите в аккаунт чтобы получить доступ к генератору кода

регистрация

оплатить

Этот генератор кода доступен только тем кто оплатил подписку

<script> document.addEventListener("DOMContentLoaded", function() { setTimeout(function() { const TCDlangMenu = document.querySelectorAll(".uc-lang .t966__menu-link"); if (!TCDlangMenu.length) return; const TCDAlloLang = "en, it".split(", "); const TCDDefLang = "ru"; const TCDMod = false; let Ti103 = window.location.pathname.replace(/\/$/, ""); let TCDAutoLang = TCDDefLang; let TCDLg = Ti103; const URLTiSegments = Ti103.split("/"); const URlTilastSegment = URLTiSegments[URLTiSegments.length - 1]; if (TCDAlloLang.includes(URlTilastSegment)) { TCDAutoLang = URlTilastSegment; URLTiSegments.pop(); TCDLg = URLTiSegments.join("/") || "/"; } TCDlangMenu.forEach(item => { let href = item.getAttribute("href").trim(); let langTildaCode = href.replace("/", ""); let newTiCodesHref = ""; if (TCDAlloLang.includes(langTildaCode)) { newTiCodesHref = TCDLg + "/" + langTildaCode; } else if (langTildaCode === TCDDefLang) { newTiCodesHref = TCDLg === "" ? "/" : TCDLg; } if (newTiCodesHref.charAt(0) !== "/") { newTiCodesHref = "/" + newTiCodesHref; } item.setAttribute("href", newTiCodesHref); }); if (TCDMod) { setTimeout(function() { TCDlangMenu.forEach(item => { let href = item.getAttribute("href").trim(); if (href === Ti103) { let rowTC = item.closest(".t966__menu-list-row"); if (rowTC) { rowTC.remove(); } } }); }, 300); } }, 100); }); </script> <style> .uc-lang .t966__menu-item-title { margin-top: 7px; } </style> <script> (function TCDupdType() { const TildahtmlBclok = document.currentScript; if (TildahtmlBclok) { const recordElement = TildahtmlBclok.closest('.r[data-record-type]'); if (recordElement) { recordElement.setAttribute('data-record-type', Math.random().toString(36).substring(2, 12)); }}})(); </script>

КОПИРОВАТЬ КОД

Эта модификация подходит для сайтов с несколькими языковыми версиями, где нужно настроить удобное переключение между языками без ручного проставления ссылок. Вместо создания отдельных меню для каждой страницы, достаточно добавить одно языковое меню и подключить скрипт, который автоматически сгенерирует корректные ссылки на языковые версии.

1. Создаем блок ME601A в хедере или футере и присваиваем класс uc-lang
Чтобы добавить класс блоку, заходим в настройки блока и сверху от id блока будет кнопка "Добавить CSS Class Name"

2. Указываем в меню ME601A список доступных языков (важно, чтобы для них уже были созданы страницы).
Например, если на сайте 3 языка: русский (основной), английский и итальянский, то для главной страницы должны быть такие варианты страниц:
https://site.com – RU (основной язык)
https://site.com/en – EN
https://site.com/it – IT
В блоке ME601A добавляем три пункта (Ru, En, It) и в ссылках пишем /ru, /en, /it. Должно получится вот так Чтобы добавить иконки можно скачать этот пак флагов

3. В генераторе в поле "Язык по умолчанию" указываем язык который будет по умолчанию. Например, в нашем случае это RU. В ссылке мы указывали /ru, значит в генератор указываем ru

4 В поле "Список языков на сайте" указываем через запятую остальные языки кроме главного, в формате en, it.
Важно! названия должны совпадать ссылками которые указывали в контенте (изначально указывали /en и /it).

4. При необходимости указываем дополнительные настройки в генераторе:
Текущий язык в списке - если включить, то текущий язык будет скрыт из списка. Например, на странице https://site.com/contact/it язык It будет скрыт в меню ME601A.

5. Копируем код и вставляем HTM блок Т123. Блок с кодом размещаем под блоком ME601A. Ссылку открытия ME601A назначаем на любой элемент который должен открывать меню и публикуем все страницы.

Как работает скрипт: Скрипт проверяет URL и автоматически обновляет ссылки в ME601A. Если в адресе есть /en или /it, в меню создаются ссылки с этими языковыми кодами. Если языковой приставки нет, страница считается основной (ru), а в меню ME601A в пункте RU создается ссылка без приставки.

Пак иконок флагов: скачать
Таблица языковых кодов

Африкаанс;AF;/af Амхарский;AM;/am Арабский;AR;/ar Ассамский;AS;/as Азербайджанский;AZ;/az Башкирский;BA;/ba Белорусский;BE;/be Болгарский;BG;/bg Бенгальский;BN;/bn Тибетский;BO;/bo Бретонский;BR;/br Боснийский;BS;/bs Каталонский;CA;/ca Чеченский;CE;/ce Чешский;CS;/cs Валлийский;CY;/cy Датский;DA;/da Немецкий;DE;/de Дивехи;DV;/dv Дзонг-кэ;DZ;/dz Эве;EE;/ee Греческий;EL;/el Английский;EN;/en Эсперанто;EO;/eo Испанский;ES;/es Эстонский;ET;/et Баскский;EU;/eu Персидский;FA;/fa Фулах;FF;/ff Финский;FI;/fi Фарерский;FO;/fo Французский;FR;/fr Фризский;FY;/fy Ирландский;GA;/ga Шотландский гэльский;GD;/gd Галисийский;GL;/gl Гуарани;GN;/gn Гуджарати;GU;/gu Мэнский;GV;/gv Хауса;HA;/ha Иврит;HE;/he Хинди;HI;/hi Хорватский;HR;/hr Гаитянский креольский;HT;/ht Венгерский;HU;/hu Армянский;HY;/hy Индонезийский;ID;/id Игбо;IG;/ig Сычуаньский йи;II;/ii Исландский;IS;/is Итальянский;IT;/it Японский;JA;/ja Яванский;JV;/jv Грузинский;KA;/ka Конголезский;KG;/kg Кикуйю;KI;/ki Казахский;KK;/kk Гренландский;KL;/kl Кхмерский;KM;/km Каннада;KN;/kn Корейский;KO;/ko Кашмирский;KS;/ks Курдский;KU;/ku Киргизский;KY;/ky Латинский;LA;/la Люксембургский;LB;/lb Ганда;LG;/lg Лингала;LN;/ln Лаосский;LO;/lo Литовский;LT;/lt Луба-Катанга;LU;/lu Латышский;LV;/lv Малагасийский;MG;/mg Маршалльский;MH;/mh Маори;MI;/mi Македонский;MK;/mk Малаялам;ML;/ml Монгольский;MN;/mn Маратхи;MR;/mr Малайский;MS;/ms Мальтийский;MT;/mt Бирманский;MY;/my Науру;NA;/na Норвежский букмол;NB;/nb Северный ндебеле;ND;/nd Непальский;NE;/ne Нидерландский;NL;/nl Нюнорск (Норвежский);NN;/nn Норвежский;NO;/no Южный ндебеле;NR;/nr Навахо;NV;/nv Чичева;NY;/ny Окситанский;OC;/oc Оромо;OM;/om Ория;OR;/or Осетинский;OS;/os Панджаби;PA;/pa Польский;PL;/pl Пушту;PS;/ps Португальский;PT;/pt Кечуа;QU;/qu Ретороманский;RM;/rm Рунди;RN;/rn Румынский;RO;/ro Русский;RU;/ru Руанда;RW;/rw Санскрит;SA;/sa Сардинский;SC;/sc Синдхи;SD;/sd Северносаамский;SE;/se Санго;SG;/sg Сингальский;SI;/si Словацкий;SK;/sk Словенский;SL;/sl Самоанский;SM;/sm Шона;SN;/sn Сомалийский;SO;/so Албанский;SQ;/sq Сербский;SR;/sr Свази;SS;/ss Сесото;ST;/st Сунданский;SU;/su Шведский;SV;/sv Суахили;SW;/sw Тамильский;TA;/ta Телугу;TE;/te Таджикский;TG;/tg Тайский;TH;/th Тигринья;TI;/ti Туркменский;TK;/tk Тагальский;TL;/tl Тсвана;TN;/tn Тонганский;TO;/to Турецкий;TR;/tr Тсонга;TS;/ts Татарский;TT;/tt Уйгурский;UG;/ug Украинский;UK;/uk Урду;UR;/ur Узбекский;UZ;/uz Венда;VE;/ve Вьетнамский;VI;/vi Волапюк;VO;/vo Валлонский;WA;/wa Волоф;WO;/wo Коса;XH;/xh Идиш;YI;/yi Йоруба;YO;/yo Чжуанский;ZA;/za Китайский;ZH;/zh Зулу;ZU;/zu