/****JS ở Footer******/
<style type="text/css">
.lang-switch {
display: flex;
gap: 8px;
align-items: center;
}
.lang-switch img {
/*width: 22px;
height: 15px;*/
cursor: pointer;
border-radius: 2px;
transition: 0.2s;
}
.lang-switch img:hover {
opacity: 0.7;
}
/* Ẩn Google Translate bar */
.goog-te-banner-frame,
.goog-logo-link,
.goog-te-gadget {
display: none !important;
}
/* Ẩn toàn bộ Google Translate */
.skiptranslate {
display: none !important;
}
/* Fix lỗi bị đẩy trang xuống */
body {
top: 0 !important;
}
.khuyenmai-hots > ul > li > a {
white-space: nowrap;
}
.home-menu > ul > li {
display: flex;
align-items: center;
}
font {
display: inline !important;
line-height: inherit !important;
}
</style>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'vi',
autoDisplay: false
}, 'google_translate_element');
}
function changeLang(lang) {
let select = document.querySelector("select.goog-te-combo");
if (!select) return;
select.value = lang;
select.dispatchEvent(new Event("change"));
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
/****body******/
googletranslate__languages();
function googletranslate__languages(){
global $site_live,$ThemeSel;
echo'
<div class="lang-switch language">
<a href="javascript:void(0)" onclick="changeLang(\'zh-TW\')">
<img src="/themes/'.$ThemeSel.'/images/china.png" alt="CN">
</a>
<a href="javascript:void(0)" onclick="changeLang(\'en\')">
<img src="/themes/'.$ThemeSel.'/images/en.png" alt="EN">
</a>
<a href="javascript:void(0)" onclick="changeLang(\'ja\')">
<img src="/themes/'.$ThemeSel.'/images/jp.png" alt="JP">
</a>
<a href="javascript:void(0)" onclick="changeLang(\'ko\')">
<img src="themes/'.$ThemeSel.'/images/kr.png" alt="KR">
</a>
</div>';
echo'<div id="google_translate_element"></div>';
}
Không có nhận xét nào:
Đăng nhận xét