Automatyczne ustawienie języka szablonu w oparciu o język przeglądarki

W tym artykule dowiesz się jak zmodyfikować dowolny szablon, aby po wejściu do sklepu ustawiał się język wybrany w przeglądarce internetowej. Funkcja ta działa tylko dla sklepów wielojęzycznych.

Wskazówka

Sklep wielojęzyczny to taki, w którym oprócz języka domyślnego, dodano przynajmniej jeden dodatkowy język.

Jeśli posiadasz taki sklep, to w pliku __layout.html, na samym końcu sekcji head wklej ten kod:


{% assign languagesSize = config.Languages | Size -%}
{% if languagesSize > 1 -%}
    <script>
        if(sessionStorage.getItem('autoLanguage') != 'true'){
            sessionStorage.setItem('autoLanguage', 'true');
            var browserLanguage = navigator.language.split('-')[0];
            var currentLanguage = '{{page.Language}}';
            if(currentLanguage != browserLanguage){
                var languages = [
                    {% for language in config.Languages -%}
                        {
                            short: '{{language.Language}}',
                            id: '{{language.Id}}'
                        }{% if forloop.index != languagesSize -%},{% endif -%}
                    {% endfor -%}
                ];
                for(i=0; i<languages.length; i++){
                    if(languages[i].short == browserLanguage){
                        var data = {
                            __csrf: __CSRF,
                            __action: 'Customer/LanguageChange',
                            languageId: Number(languages[i].id)
                        };
                        $.post(null, data, function(result) {
                            window.location.assign(result.action.Redirect302);
                        });
                    }
                }
            }
        }
    </script>
{% endif -%}

{% assign languagesSize = config.Languages | Size -%}

{% if languagesSize > 1 -%}

if(sessionStorage.getItem('autoLanguage') != 'true'){

sessionStorage.setItem('autoLanguage', 'true');

var browserLanguage = navigator.language.split('-')[0];

var currentLanguage = '{{page.Language}}';

if(currentLanguage != browserLanguage){

var languages = [

{% for language in config.Languages -%}

{

short: '{{language.Language}}',

id: '{{language.Id}}'

}{% if forloop.index != languagesSize -%},{% endif -%}

{% endfor -%}

];

for(i=0; i<languages.length; i++){

if(languages[i].short == browserLanguage){

var data = {

__csrf: __CSRF,

__action: 'Customer/LanguageChange',

languageId: Number(languages[i].id)

};

$.post(null, data, function(result) {

window.location.assign(result.action.Redirect302);

});

}

</script>

{% endif -%}

Comarch e-Sklep w standardowej wersji językowej posiada interfejs przetłumaczony na język: polski, angielski, niemiecki, francuski.

Automatyczne ustawienie języka szablonu w oparciu o język przeglądarki

Automatyczne ustawienie języka szablonu w oparciu o język przeglądarki

Czy ten artykuł był pomocny?

Społeczność Comarch

Oferta e-Commerce

Przydatne linki

Kontakt