{"id":3533,"date":"2021-03-12T16:36:10","date_gmt":"2021-03-12T15:36:10","guid":{"rendered":"https:\/\/www.commercers.com\/blog\/?p=3533"},"modified":"2021-03-12T16:36:11","modified_gmt":"2021-03-12T15:36:11","slug":"magento-2-aendern-der-reihenfolge-der-felder-im-checkout","status":"publish","type":"post","link":"https:\/\/www.commercers.com\/blog\/magento-2-aendern-der-reihenfolge-der-felder-im-checkout\/","title":{"rendered":"Magento 2 – \u00c4ndern der Reihenfolge der Felder im Checkout"},"content":{"rendered":"\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Ein Problem, welches wir mit deutschen Online-Shops immer wieder haben, wenn wir Magento einrichten, ist unter anderem die falsche Reihenfolge der Adressfelder im Kassenbereich.<\/p>\n\n\n\n

Selbstverst\u00e4ndlich kann man die Felder auch in der Reihenfolge Stadt<\/strong> – Postleitzahl<\/strong> lassen, das f\u00fchrt jedoch immer wieder dazu, dass Kunden die Felder in der ihnen bekannten Reihenfolge bef\u00fcllen und man so dann beim erstellen von (automatischen) Versandetiketten Probleme bekommt.<\/p>\n\n\n\n

Also tauschen wir die Felder wie immer in die gew\u00fcnschte Reihenfolge. In Magento 1 war dies sehr einfach zu erledigen<\/a>, da man nur die richtige PHTML raussuchen musste und die Felder in die korrekte Reihenfolge gebracht hat. in Magento 2 geht es ein wenig anders und zwar indem wir die Datei checkout_index_index.xml erstellen und im Ordner app\/design\/frontend\/[Theme]\/[Bezeichnung]\/Magento_Checkout\/layout\/ ablegen.<\/p>\n<\/div>\n<\/div>\n\n\n\n

Diese Datei enth\u00e4lt dann folgenden Inhalt:<\/p>\n\n\n\n

<?xml version=\"1.0\"?>\n\n<page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\n    <body>\n      <referenceBlock name=\"checkout.root\">\n          <arguments>\n              <argument name=\"jsLayout\" xsi:type=\"array\">\n                  <item name=\"components\" xsi:type=\"array\">\n                      <item name=\"checkout\" xsi:type=\"array\">\n                          <item name=\"children\" xsi:type=\"array\">\n                              <item name=\"steps\" xsi:type=\"array\">\n                                  <item name=\"children\" xsi:type=\"array\">\n                                      <item name=\"shipping-step\" xsi:type=\"array\">\n                                          <item name=\"children\" xsi:type=\"array\">\n                                              <item name=\"shippingAddress\" xsi:type=\"array\">\n                                                  <item name=\"children\" xsi:type=\"array\">\n                                                      <!-- The name of the form the field belongs to -->\n                                                      <item name=\"shipping-address-fieldset\" xsi:type=\"array\">\n                                                          <item name=\"children\" xsi:type=\"array\">\n                                                              <item name=\"city\" xsi:type=\"array\">\n                                                                  <item name=\"sortOrder\" xsi:type=\"string\">600<\/item>\n                                                              <\/item>\n                                                              <item name=\"region_id\" xsi:type=\"array\">\n                                                                  <item name=\"sortOrder\" xsi:type=\"string\">800<\/item>\n                                                              <\/item>\n                                                              <item name=\"street\" xsi:type=\"array\">\n                                                                  <item name=\"sortOrder\" xsi:type=\"string\">4<\/item>\n                                                              <\/item>\n                                                              <item name=\"postcode\" xsi:type=\"array\">\n                                                                  <item name=\"sortOrder\" xsi:type=\"string\">500<\/item>\n                                                              <\/item>\n                                                              <item name=\"country_id\" xsi:type=\"array\">\n                                                                  <item name=\"sortOrder\" xsi:type=\"string\">700<\/item>\n                                                              <\/item>\n                                                              <item name=\"lastname\" xsi:type=\"array\">\n                                                                  <item name=\"sortOrder\" xsi:type=\"string\">2<\/item>\n                                                              <\/item>\n                                                              <item name=\"firstname\" xsi:type=\"array\">\n                                                                  <item name=\"sortOrder\" xsi:type=\"string\">1<\/item>\n                                                              <\/item>\n                                                              <item name=\"company\" xsi:type=\"array\">\n                                                                  <item name=\"sortOrder\" xsi:type=\"string\">3<\/item>\n                                                              <\/item>\n                                                              <item name=\"telephone\" xsi:type=\"array\">\n                                                                  <item name=\"sortOrder\" xsi:type=\"string\">900<\/item>\n                                                              <\/item>\n                                                          <\/item>\n                                                      <\/item>\n                                                  <\/item>\n                                              <\/item>\n                                          <\/item>\n                                      <\/item>\n                                  <\/item>\n                              <\/item>\n                          <\/item>\n                      <\/item>\n                  <\/item>\n              <\/argument>\n          <\/arguments>\n      <\/referenceBlock>\n    <\/body>\n<\/page><\/code><\/pre>\n\n\n\n
Nachdem die Datei erstellt und hochgeladen ist, am besten noch folgenden SSH-Befehl ausf\u00fchren:<\/p>\n\n\n\n
php bin\/magento cache:clean<\/code><\/pre>\n\n\n\n
\n
\n
Anschlie\u00dfend sind die Felder dann in der richtigen Reihenfolge.<\/p>\n\n\n\n
Auff\u00e4llig ist eine Sache: “street” wird nicht korrekt erkannt. Vergibt man die Reihenfolge normal von 1-8 wird die Adress- \/ Stra\u00dfenzeile(n) immer am Ende, hinter allen anderen Adressfeldern auftauchen. Vergibt man aber allen Feldern, die hinter der Stra\u00dfe erscheinen sollen eine Zahl gr\u00f6\u00dfer \/ gleich 100 und den Feldern, die vor der Stra\u00dfe auftauchen sollen eine Zahl kleiner \/ gleich 50, ist die Reihenfolge korrekt. Den eigenen Eintrag f\u00fcr street oben in der xml kann man sich auch klemmen.<\/p>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
Verwendet in Magento CE 2.4.2<\/p>\n","protected":false},"excerpt":{"rendered":"
Ein Problem, welches wir mit deutschen Online-Shops immer wieder haben, wenn wir Magento einrichten, ist unter anderem die falsche Reihenfolge der Adressfelder im Kassenbereich. Selbstverst\u00e4ndlich kann man die Felder auch in der Reihenfolge Stadt – Postleitzahl lassen, das f\u00fchrt jedoch immer wieder dazu, dass Kunden die Felder in der ihnen bekannten Reihenfolge bef\u00fcllen und man…<\/p>\n","protected":false},"author":2,"featured_media":3540,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3533","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/posts\/3533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/comments?post=3533"}],"version-history":[{"count":5,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/posts\/3533\/revisions"}],"predecessor-version":[{"id":3541,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/posts\/3533\/revisions\/3541"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/media\/3540"}],"wp:attachment":[{"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/media?parent=3533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/categories?post=3533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/tags?post=3533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}