{"id":258452,"date":"2020-07-10T16:11:14","date_gmt":"2020-07-10T16:11:14","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=258452"},"modified":"2020-07-10T16:11:15","modified_gmt":"2020-07-10T16:11:15","slug":"how-to-switch-the-language-in-administration-at-shopware","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/","title":{"rendered":"How to switch the language in the administration at the Shopware"},"content":{"rendered":"\n

In this blog, you are going to learn \u201cHow to switch the language in the administration at Shopware.\u201d
I hope you know the directory structure of Shopware<\/a> 6 plugin, if you don\u2019t know, see here- https:\/\/docs.shopware.com\/en\/shopware-platform-dev-en\/internals\/directory-structure<\/a>.<\/p>\n\n\n\n

If you change the content language in the so-called language switch, every listing or detail page will update and use that new language to display and edit content. To make sure your custom entity supports translations, look at overview of translations in the DAL<\/a><\/p>\n\n\n\n

In order to change the language in an administration listing, you will have to add the language switch<\/code> component to your smart bar.<\/p>\n\n\n\n

<sw-page>\n    <template #language-switch>\n        <sw-language-switch @change="changeLanguage"><\/sw-language-switch>\n    <\/template>\n<\/sw-page><\/pre>\n\n\n\n
The slot is used to place the\u00a0language switch<\/code>\u00a0in the same place on all pages according to Shopware conventions. Firstly, not all components are translatable. Additionally, pages do not know how to handle language switching themselves. Thelanguage switch<\/code>\u00a0triggers the language change. Every request afterward will then use the new language. So, as our content is not automatically reloaded by default on switching the language, you will have to listen to the change event.<\/p>\n\n\n\n
listing page<\/h4>\n\n\n\n
import template from '.\/test-list.html.twig';\nconst { Component } = Shopware;\nconst { Criteria } = Shopware.Data;\n\nComponent.register('test-list', {\n    template,\n\n    inject: ['repositoryFactory'],\n\n    data() {\n        return {\n            items: null,\n            isLoading: true\n        }\n    },\n\n    computed: {\n        testEntityRepository() {\n            return this.repositoryFactory.create('test_entity');\n        }\n    },\n\n    methods: {\n        changeLanguage() {\n            this.getList();\n        },\n\n        getList() {\n            this.isLoading = true;\n\n            return this.testEntityRepository.search(new Criteria(), \n            Shopware.Context.api).then((searchResult) => {\n                this.items = searchResult;\n                this.isLoading = false;\n            })\n        }\n    }\n});<\/pre>\n\n\n\n
detail page<\/h4>\n\n\n\n
import template from '.\/test-detail.html.twig';\nconst { Component } = Shopware;\n\nComponent.register('test-detail', {\n    template,\n\n    inject: ['repositoryFactory'],\n\n    data() {\n        return {\n            item: null\n        };\n    },\n\n    created() {\n        this.createdComponent();\n    },\n\n    computed: {\n        testEntityRepository() {\n            return this.repositoryFactory.create('test_entity');\n        }\n    },\n\n    methods: {\n        createdComponent() {\n            this.loadItem();\n        },\n\n        loadItem() {\n            return this.testEntityRepository.get(this.$route.params.id, Shopware.Context.api).then((entity) => {\n                this.item = entity;\n            });\n        },\n\n        abortOnLanguageChange() {\n            return this.testEntityRepository.hasChanges(this.item);\n        },\n\n        saveOnLanguageChange() {\n            return this.testEntityRepository.save(this.item, Shopware.Context.api);\n        }\n    }\n});<\/pre>\n\n\n\n
This will reload the active entity on a detail page. Be aware, you may lose data here. To prevent data loss, a modal will give you the opportunity to save unsaved changes, while switching the language.<\/p>\n\n\n\n
<sw-language-switch :saveChangesFunction="saveOnLanguageChange"\n                    :abortChangeFunction="abortOnLanguageChange"\n                    @change="loadItem">\n<\/sw-language-switch><\/pre>\n\n\n\n
This component displays a short info text about the currently selected language and its impacts on the current entity.<\/p>\n\n\n\n
<sw-page class="test-detail">\n    <template #content>\n        <sw-card-view v-if="item">\n            <sw-language-info :entityDescription="item.name"><\/sw-language-info>\n        <\/sw-card-view>\n    <\/template>\n<\/sw-page><\/pre>\n\n\n\n
create page<\/h4>\n\n\n\n
On a creation page, there is nothing to reload. It is common to re-use the editing page for creation, but you have to make sure that you don’t do it while creating.\u00a0<\/p>\n\n\n\n
<sw-page>\n    <template #language-switch>\n        <sw-language-switch :disabled="isCreateMode"><\/sw-language-switch>\n        <sw-language-info :entityDescription="item.name"\n                  :isNewEntity="isCreateMode">\n        <\/sw-language-info>\n    <\/template>\n<\/sw-page><\/pre>\n\n\n\n
When you create a new entry using a different language than the system default language, you have to switch back to it for the creation process.<\/p>\n\n\n\n
Component.extend('test-create', 'test-detail', {\n    created() {\n        if (this.languageStore.getCurrentId() !== this.languageStore.systemLanguageId) {\n            this.languageStore.setCurrentId(this.languageStore.systemLanguageId)\n        }\n    }\n});<\/pre>\n\n\n\n
The language info differs depending on its entity, so be sure to tell the\u00a0sw-language-info<\/code>\u00a0the component about it.<\/p>\n\n\n\n
I hope it will help you. Thanks for reading. Happy Coding \ud83d\ude42
Thank You.<\/p>\n","protected":false},"excerpt":{"rendered":"
In this blog, you are going to learn \u201cHow to switch the language in the administration at Shopware.\u201dI hope you know the directory structure of Shopware 6 plugin, if you don\u2019t know, see here- https:\/\/docs.shopware.com\/en\/shopware-platform-dev-en\/internals\/directory-structure. If you change the content language in the so-called language switch, every listing or detail page will update and use that new language to […]<\/a><\/p>\n","protected":false},"author":284,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-258452","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nHow to switch the language in the administration at the Shopware - Webkul Blog<\/title>\n<meta name=\"description\" content=\"If you change the content language in the so-called language switch, every listing or detail page will update and use that new language to display and edit content.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to switch the language in the administration at the Shopware - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"If you change the content language in the so-called language switch, every listing or detail page will update and use that new language to display and edit content.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-10T16:11:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-10T16:11:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-og.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Diwakar Rana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diwakar Rana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/\"},\"author\":{\"name\":\"Diwakar Rana\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/4b025fe4ecbc5c0378cd13bb70da654f\"},\"headline\":\"How to switch the language in the administration at the Shopware\",\"datePublished\":\"2020-07-10T16:11:14+00:00\",\"dateModified\":\"2020-07-10T16:11:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/\"},\"wordCount\":348,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/\",\"name\":\"How to switch the language in the administration at the Shopware - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"datePublished\":\"2020-07-10T16:11:14+00:00\",\"dateModified\":\"2020-07-10T16:11:15+00:00\",\"description\":\"If you change the content language in the so-called language switch, every listing or detail page will update and use that new language to display and edit content.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to switch the language in the administration at the Shopware\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/4b025fe4ecbc5c0378cd13bb70da654f\",\"name\":\"Diwakar Rana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/46482d0264c191ccd0337892016340a80ca4e4987a37f42514a0506aaee7e8dc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/46482d0264c191ccd0337892016340a80ca4e4987a37f42514a0506aaee7e8dc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Diwakar Rana\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/diwakar-rana829\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to switch the language in the administration at the Shopware - Webkul Blog","description":"If you change the content language in the so-called language switch, every listing or detail page will update and use that new language to display and edit content.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/","og_locale":"en_US","og_type":"article","og_title":"How to switch the language in the administration at the Shopware - Webkul Blog","og_description":"If you change the content language in the so-called language switch, every listing or detail page will update and use that new language to display and edit content.","og_url":"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-07-10T16:11:14+00:00","article_modified_time":"2020-07-10T16:11:15+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-og.png","type":"image\/png"}],"author":"Diwakar Rana","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Diwakar Rana","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/"},"author":{"name":"Diwakar Rana","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/4b025fe4ecbc5c0378cd13bb70da654f"},"headline":"How to switch the language in the administration at the Shopware","datePublished":"2020-07-10T16:11:14+00:00","dateModified":"2020-07-10T16:11:15+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/"},"wordCount":348,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/","url":"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/","name":"How to switch the language in the administration at the Shopware - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"datePublished":"2020-07-10T16:11:14+00:00","dateModified":"2020-07-10T16:11:15+00:00","description":"If you change the content language in the so-called language switch, every listing or detail page will update and use that new language to display and edit content.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-switch-the-language-in-administration-at-shopware\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to switch the language in the administration at the Shopware"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/4b025fe4ecbc5c0378cd13bb70da654f","name":"Diwakar Rana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/46482d0264c191ccd0337892016340a80ca4e4987a37f42514a0506aaee7e8dc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/46482d0264c191ccd0337892016340a80ca4e4987a37f42514a0506aaee7e8dc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Diwakar Rana"},"url":"https:\/\/webkul.com\/blog\/author\/diwakar-rana829\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/258452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/284"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=258452"}],"version-history":[{"count":5,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/258452\/revisions"}],"predecessor-version":[{"id":258457,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/258452\/revisions\/258457"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=258452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=258452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=258452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}