网站开发 · 2025年4月26日

zen-cart网站页面添加google翻译

很多浏览器都有自动翻译网页的功能,比如Google Chrome,其实通过google api接口也可以在zen-cart网站页面上添加一个翻译的选择框,
效果图如下:
zen-cart网站页面添加google翻译插图

 

下面是需要添加的代码:

<!– Start Google Translator / Language Selection –>

<div class=”gt-text”>Translate:</div><div id=”google_translate_element”></div><script>

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: ‘en’,

autoDisplay: false,

layout: google.translate.TranslateElement.InlineLayout.SIMPLE

}, ‘google_translate_element’);

}

</script><script src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>

<!– Google Translator / Language Selection –>

 

 

只需要把这个代码放在你想要显示那个可以选择翻译语言的框的位置就可以了,可以用div包括起来用css控制位置。