Адаптация ссылок на кнопках в мутиязычном сайте

7 июля 2023

Решаем проблему адаптации ссылок в мульязычном сайте. Пример: Ваш основной сайт на русском языке + дополнительно вы перевели его на английский. Все пункты меню и страницы бедут доступны на двух языках, но если вы добавите кнопку на сайт, то к ней можно задать только один URL и смена языка эту ссылку менять не будет. Вот с этим и будем бороться :)

Дано:

Сайт на русском: mysite.ru и переведен на английский mysite.ru/en (то есть основной язык — русский!)
Добавляем кнопку с сылкой на внутренюю страницу сайт на основном языке: mysite.ru/sample_page

В итоге мы получаемкнопку с одинаковой ссылкой что в русской что в английской версии. И повлять на этомы никак не можем. Хотя на самом деле должно быть так:

в русской версии ссылка вида mysite.ru/sample_page
в английской версии ссылка вида mysite.ru/en/sample_page

Исправим это

Идем в Настройки — Интеграция с сервисами — Сторонний код в теге <body> и вписываем туда код:

<script>
$(document).ready(function () {
	if ($("html[lang='en']").length>0) {
		$("a.button, a.link").each(function () {
			if ($(location).attr('hostname') == $(this).prop('hostname') && $(this).attr('href').split("/en/")[1] === undefined && $(this).attr('href').split("/en")[1] != '') {
				var new_url = $(this).prop('protocol')+'//'+$(this).prop('hostname')+'/en'+$(this).prop('pathname')+$(this).prop('hash');
				$(this).prop('href',new_url);
			}
		})
	}
});
</script>