Багатомовність, меню вибору мови

Пример:

UA RU EN
Код нижче формує кнопку переходу на альтернативні мови, при цьому якщо до сторінки вказана альтернативна мовна версія, то вона буде задіяна. .
2)Додайте JavaScript до блоку/меню, який відображається на всіх сторінках.
3)Вставте код випадаючого списку мов у блок/меню, в якому хочете його розташувати, наприклад у шапку сайту.
4)Видалить з блоку непотрібні мови -val)

Код меню выбора языка

Code: html


  <span class="hotengine-shop-select-language-box">
  <span class="hotengine-shop-select-language"></span>
  <span class="hotengine-shop-select-language-values">
  <span class="hotengine-shop-select-language-val" data-language="ru">RU</span>
  <span class="hotengine-shop-select-language-val" data-language="en">EN</span>
  <span class="hotengine-shop-select-language-val" data-language="ua">UA</span>
  <span class="hotengine-shop-select-language-val" data-language="de">DE</span>
  <span class="hotengine-shop-select-language-val" data-language="fr">FR</span>
  <span class="hotengine-shop-select-language-val" data-language="es">ES</span>
  <span class="hotengine-shop-select-language-val" data-language="kz">KZ</span>
  <span class="hotengine-shop-select-language-val" data-language="by">BY</span>
  </span>
  </span>

Code: CSS стиль

 
<style>
  .hotengine-shop-select-language-box { display:inline-block; width:71px; height:30px; overflow:hidden; border:1px solid #D3D3D3; background:#fff; line-height:30px; position:relative; z-index:1000; }
  .hotengine-shop-select-language { display:inline-block; width:71px; text-align:center;  }
  .hotengine-shop-select-language-values { display:inline-block; width:69px; vertical-align: top; position:absolute; background:rgba(255, 255, 255, 0.80); left:2px; }
  .hotengine-shop-select-language-box:hover{ overflow:visible;}
  .hotengine-shop-select-language-values:hover li{ position:relative; }
  .hotengine-shop-select-language-val { width:39px; display:block; margin:0px; padding: 0px 17px; vertical-align:top; cursor:pointer; margin-left:-3px; text-align:center; }
  .hotengine-shop-select-language-val:hover {background:#e8e8e8;}
</style>

Code: JavaScript

 <script type="text/javascript">
  <!--
  
  $(document).ready(function(){
  var $current_language = $("meta[http-equiv='content-language']").attr("content");
  $(".hotengine-shop-select-language").html($current_language.toUpperCase());
  $(".hotengine-shop-select-language-val[language='"+$(this).attr("data-language")+"']").remove();
  
  $(".hotengine-shop-select-language-box .hotengine-shop-select-language-val").on("click", function(){ 
 if($(this).attr("data-language") !== $current_language || typeof $current_language == typeof undefined){
  var $url = $("link[rel='alternate'][hreflang='"+$(this).attr("data-language")+"']").attr("href");
  if (typeof $url !== typeof undefined && $url !== false && $url !== "undefined" && $url.length > 0) { 
  window.location.replace($url);
  } else { 
  var $url = window.location.protocol +"//"+ window.location.host + "/"+$(this).attr("data-language")+"/";
  window.location.replace($url);
  }
  }
  
 
  });
});
  //-->
  </script>

Додано новий шаблон (до редактора дизайну). Тема: Будівництво.
Доданий новий сервер SMTP. Тепер ви можете отримувати повідомлення про замовлення з додаткової e-mail адреси ' noreply@email2.hotlist.biz '
Додано новий шаблон, у біло-блакитному стилі із сірим фоном.