Add the below script to your Footer Script (Admin panel > Storefront > Footer Script)
<script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', includedLanguages: 'en,fr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, }, 'google_translate_element'); } (function () { var $ = window.jQuerySupermarket; var timer; var $header = $('.header'); function responsive() { if (timer) { clearTimeout(timer); } timer = setTimeout(function () { if (window.innerWidth > 800) { $('#google_translate_element').appendTo($('.emthemesModez-header-userSection > .container', $header)); } else { $('#google_translate_element').insertAfter($header); } }); } if ($header.length) { $('.emthemesModez-header-userSection > .container', $header).append('<div id="google_translate_element"></div>'); var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; $('body').get(0).appendChild(script); $(window).on('resize', function () { responsive(); }); responsive(); } })(); </script> <style> #google_translate_element { padding: 10px; text-align: center; } @media (min-width: 801px) { #google_translate_element { position: absolute; top: 6px; right: 36px; padding: 0; z-index: 99; } } @media (min-width: 1661px) { #google_translate_element { right: 72px; } } </style>
Papathemes
Comments