{"id":9104,"date":"2021-10-22T06:21:33","date_gmt":"2021-10-22T06:21:33","guid":{"rendered":"https:\/\/www.bay20.com\/?p=9104"},"modified":"2025-05-21T16:04:51","modified_gmt":"2025-05-21T10:19:51","slug":"wie-zentriere-ich-die-navigation-in-shopware-5","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-zentriere-ich-die-navigation-in-shopware-5\/","title":{"rendered":"Wie zentriert man die Navigation in Shopware 5?"},"content":{"rendered":"\n<p>Zuerst m\u00fcssen Sie ein benutzerdefiniertes Thema erstellen. Um ein benutzerdefiniertes Thema zu erstellen, k\u00f6nnen Sie \u00fcber den unten stehenden Link gehen.<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-bay-20\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"yM3Tp4503v\"><a href=\"https:\/\/www.bay20.com\/different-ways-of-creating-shopware-5-theme\/\">Different ways of creating shopware 5 theme ?<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Different ways of creating shopware 5 theme ?&#8221; &#8212; Bay20 Software\" src=\"https:\/\/www.bay20.com\/different-ways-of-creating-shopware-5-theme\/embed\/#?secret=UfYEmYG6iz#?secret=yM3Tp4503v\" data-secret=\"yM3Tp4503v\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Um Ihre Navigation in <a href=\"https:\/\/www.bay20.com\/de\/shopware-entwicklungsunternehmen\/\" target=\"_blank\" rel=\"noreferrer noopener\">shopware 5<\/a> zu zentrieren, f\u00fchren Sie die folgenden Schritte aus:<\/p>\n\n\n\n<p>Unsere Navigation sieht wie folgt aus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"110\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/07\/image-13-980x110.png\" alt=\"\" class=\"wp-image-9105\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-13-980x110.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-13-300x34.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-13-800x90.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-13-768x86.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-13-1000x113.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-13.png 1111w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p id=\"block-d885cb43-0ddc-4711-9914-0670e489f3d4\"><strong><br>Schritt 1: <\/strong>Gehen Sie in das Shopware-Themenverzeichnis Ihrer Website.<\/p>\n\n\n\n<p id=\"block-e03b85b1-d80e-494e-8e70-2ab521d7a1d9\"><strong>Schritt 2: <\/strong>Erstellen Sie ein neues Unterverzeichnis namens<strong> main-navigation.less <\/strong>im Verzeichnis <strong>_modules.<\/strong><\/p>\n\n\n\n<p><strong>Dateistruktur:-<\/strong><\/p>\n\n\n\n<pre id=\"block-d0f567c1-4502-46ef-a6af-7c28846b066c\" class=\"wp-block-code\"><code>themes\/Frontend\/Custom\/frontend\/_public\/src\/less\/_modules\/main-navigation.less<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"490\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/07\/image-14.png\" alt=\"\" class=\"wp-image-9106\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-14.png 285w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-14-174x300.png 174w\" sizes=\"auto, (max-width: 285px) 100vw, 285px\" \/><\/figure>\n\n\n\n<p><strong>Hinweis:<\/strong> Das <strong>benutzerdefinierte<\/strong> Verzeichnis ist ein Thema, das ich bereits erstellt habe.<\/p>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-bf99380d-ea79-4982-a22a-25bb933feb37\"><img decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_6-980x449.png\" alt=\"This image has an empty alt attribute; its file name is Screenshot_6-980x449.png\"\/><\/figure>\n\n\n\n<p><strong>Schritt 3: <\/strong>Schreiben Sie diesen Code in die Datei <strong>main-navigation.less.<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@media screen and (min-width: @tabletViewportWidth) {\n    .navigation-main{\n      .navigation--list{\n            text-align: center;\n        }\n    }\n  }<\/code><\/pre>\n\n\n\n<p><strong>Schritt 4: <\/strong>Importieren Sie die Datei <strong>main-navigation.less <\/strong>in die <strong>Datei all.less.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/07\/Screenshot_4-6.png\" alt=\"This image has an empty alt attribute; its file name is Screenshot_4-6.png\" width=\"250\" height=\"426\"\/><\/figure>\n\n\n\n<p>Schreiben Sie diesen Code in die Datei <strong>all.less<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@import \"_modules\/main-navigation\";<\/code><\/pre>\n\n\n\n<p><strong>Ergebnisse:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"86\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/07\/image-15-980x86.png\" alt=\"\" class=\"wp-image-9107\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-15-980x86.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-15-300x26.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-15-800x70.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-15-768x67.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-15-1000x88.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/07\/image-15.png 1345w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><span><b>Bitte kontaktieren Sie uns unter <\/b><strong style=\"font-weight: bold;\"><a href=\"mailto:manish@bay20.com\">manish@bay20.com<\/a><\/strong><b> oder rufen Sie uns unter <\/b><strong style=\"font-weight: bold;\"><a href=\"https:\/\/api.whatsapp.com\/send?phone=+918800519180&amp;text=Hi,%20I%20contacted%20you%20through%20your%20website.\" target=\"_blank\" rel=\"noreferrer noopener\">+91-8800519180<\/a><\/strong><b> an, wenn Sie Unterst\u00fctzung f\u00fcr Shopware 5 ben\u00f6tigen. Sie k\u00f6nnen auch die<strong> <\/strong><\/b><a href=\"https:\/\/www.bay20.com\/de\/shopware-entwicklungsunternehmen\/\"><strong>Shopware 5<\/strong> <strong>Entwicklungsseite<\/strong><\/a><\/span><strong> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zuerst m\u00fcssen Sie ein benutzerdefiniertes Thema erstellen. Um ein benutzerdefiniertes Thema zu erstellen, k\u00f6nnen Sie \u00fcber den unten stehenden Link gehen. Um Ihre Navigation in shopware 5 zu zentrieren, f\u00fchren Sie die folgenden Schritte aus: Unsere Navigation sieht wie folgt aus. Schritt 1: Gehen Sie in das Shopware-Themenverzeichnis Ihrer Website. Schritt 2: Erstellen Sie ein [&hellip;]<\/p>\n","protected":false},"author":74,"featured_media":9108,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78,116],"tags":[],"class_list":["post-9104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopware","category-shopware-5"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=9104"}],"version-history":[{"count":9,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9104\/revisions"}],"predecessor-version":[{"id":17267,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9104\/revisions\/17267"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/9108"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=9104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=9104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=9104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}