Start a conversation

Add Google translate button

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>
Choose files or drag and drop files
Was this article helpful?
Yes
No
  1. Papathemes

  2. Posted

Comments