{"id":9094,"date":"2021-11-20T09:16:26","date_gmt":"2021-11-20T09:16:26","guid":{"rendered":"https:\/\/www.bay20.com\/?p=9094"},"modified":"2025-05-21T15:54:55","modified_gmt":"2025-05-21T10:09:55","slug":"entfernen-der-kopfzeilen-top-leiste-in-shopware-5","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/entfernen-der-kopfzeilen-top-leiste-in-shopware-5\/","title":{"rendered":"Wie kann ich die Kopfleiste in Shopware 5 entfernen?"},"content":{"rendered":"\n

Wir werden die Texte wie\u00a0„Mein Konto<\/a>„<\/strong> und den Preis im Einkaufswagen entfernen. Um die Shopware 5 Topbar in der Kopfzeile zu entfernen, f\u00fchren Sie die folgenden Schritte aus:<\/p>\n\n\n\n

Unsere Topbar sieht wie folgt aus.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 1: <\/strong>Gehen Sie in das shopware<\/a> Themenverzeichnis Ihrer Website.<\/p>\n\n\n\n

Schritt 2: <\/strong>Erstellen Sie ein neues Unterverzeichnis namens footer.less<\/strong><\/p>\n\n\n\n

Dateistruktur:-<\/strong><\/p>\n\n\n\n

themes\/Frontend\/Custom\/frontend\/_public\/src\/less\/_modules\/<\/code><\/pre>\n\n\n\n
Hinweis:<\/strong> Das benutzerdefinierte<\/strong> Verzeichnis ist ein Thema, das ich bereits erstellt habe.<\/p>\n\n\n\n
\"How<\/figure>\n\n\n\n
Schritt 3: <\/strong>Schreiben Sie diesen Code in die Datei topbar-navigation.tpl.<\/strong><\/p>\n\n\n\n
{extends file='parent:frontend\/index\/topbar-navigation.tpl'}\n\n{block name=\"frontend_index_top_bar_main\"}\n    <div class=\"top-bar\"><\/div>\n{\/block}<\/code><\/pre>\n\n\n\n
Schritt 4: <\/strong>Erstellen Sie im gleichen Index<\/strong>verzeichnis eine neue Datei namens shop-navigation.tpl<\/strong><\/p>\n\n\n\n
themes\/Frontend\/Custom\/frontend\/index\/shop-navigation.tpl<\/code><\/pre>\n\n\n\n
Und schreiben Sie diesen Code in diese Dateien.<\/p>\n\n\n\n
{extends file='parent:frontend\/index\/shop-navigation.tpl'}\n\n{block name='frontend_index_checkout_actions'}\n{$smarty.block.parent}\n    {* Top bar navigation *}\n    {block name=\"frontend_index_shop_navigation_nav\"}\n        <nav class=\"top-bar--navigation block\" role=\"menubar\">\n\n        {action module=widgets controller=index action=shopMenu}\n        {* Article Compare *}\n        {block name='frontend_index_shop_navigation_inline'}\n            {if {config name=\"compareShow\"}}\n                <div class=\"navigation--entry entry--compare is--hidden\" role=\"menuitem\" aria-haspopup=\"true\" data-drop-down-menu=\"true\">\n                    {block name='frontend_index_shop_navigation_compare'}\n                        {action module=widgets controller=compare}\n                    {\/block}\n                <\/div>\n            {\/if}\n        {\/block}\n\n        {* Service \/ Support drop down *}\n        {block name=\"frontend_index_shop_navigation_checkout_actions_service_menu\"}\n            <div class=\"navigation--entry entry--help has--drop-down\" role=\"menuitem\" aria-haspopup=\"true\" data-drop-down-menu=\"true\">\n                <i class=\"icon--service\"><\/i>\n\n                {* Include of the widget *}\n                {block name=\"frontend_index_shop_navigation_checkout_actions_service_menu_include\"}\n                    {action module=widgets controller=index action=menu group=gLeft}\n                {\/block}\n            <\/div>\n        {\/block}\n    {\/block}\n{\/block}<\/code><\/pre>\n\n\n\n
Schritt 5: <\/strong>Erstellen Sie eine neue Datei namens index.tpl<\/strong> im Verzeichnis<\/strong> compare.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Schritt 6: <\/strong>Schreiben Sie diesen Code in diese Datei.<\/p>\n\n\n\n
{extends file='parent:frontend\/compare\/index.tpl'}\n\n{block name='frontend_top_navigation_menu_entry'}\n    <i class=\"icon--compare\"><\/i> <span class=\"compare--quantity\">({$sComparisons|@count})<\/span>\n{\/block}<\/code><\/pre>\n\n\n\n
Schritt 7:<\/strong> Erstellen Sie eine Datei header.less<\/strong> im Verzeichnis _modules<\/strong>.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Schritt 8: <\/strong>Schreiben Sie diesen Code in diese Datei.<\/p>\n\n\n\n
.top-bar--navigation{\n    display: none;\n  }\n  \n  @media screen and (min-width: @tabletViewportWidth) {\n    .container.header--navigation .shop--navigation.block-group .navigation--list.block-group{\n      .entry--search{\n        left:1%;\n      }\n      .entry--account .account--link {\n        padding: 2px 8px 2px 8px;\n        .icon--account {\n          font-size: 21px;\n          display: inline;\n          position: relative;\n          vertical-align: middle;\n          top: 0;\n          left: 0;\n        }\n        .account--display {\n          display: none !important;\n        }\n      }\n      .entry--cart{\n        margin-right:5px;\n        .cart--link {\n          padding: 2px 10px 2px 6px;\n          width: 42px;\n          .cart--amount {\n            display: none;\n          }\n        }\n      }\n      .top-bar--navigation{\n        display: block;\n        margin-left:5px;\n        .entry--compare {\n          display: block;\n          padding:0px;\n          margin-right: 5px;\n          .icon--compare {\n            top: 8px;\n            position: relative;\n            font-size: 25px;\n          }\n          .compare--quantity {\n            font-size: 15px;\n            vertical-align: middle;\n            margin-left:0px;\n          }\n          .compare--list {\n            top:45px;\n            &:after{\n              left: 85%;\n            }\n            .btn--compare.btn--compare-start {\n              width: 100%;\n            }\n          }\n        }\n        .entry--help{\n          padding:0px;\n          .icon--service{\n            font-size:30px;\n            position: relative;\n            top:5px;\n          }\n          .service--list::after{\n            right:1%;\n          }\n          .service--list{\n            top:45px;\n          }\n        }\n      }\n    }\n  }\n\n  @media screen and (min-width: @desktopViewportWidth) {\n    .container.header--navigation .shop--navigation.block-group .navigation--list.block-group{\n      .entry--search{\n        left:3%;\n      }\n      .top-bar--navigation{\n        .entry--compare {\n          margin-right:10px;\n          .compare--list {\n            &:after {\n              left: 80%;\n            }\n          }\n        }\n        .entry--help {\n          .service--list::after {\n            right: 8%;\n          }\n        }\n      }\n    }\n  }<\/code><\/pre>\n\n\n\n
Schritt 9: Importieren<\/strong> Sie die less-Datei in die Datei all.less.<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Schritt 10: <\/strong>Schreiben Sie diesen Code in die Datei all.less.<\/strong><\/p>\n\n\n\n
@import \"_modules\/header\";<\/code><\/pre>\n\n\n\n
Ergebnisse<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Bitte kontaktieren Sie uns unter manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter +91-8800519180<\/a><\/strong> an, wenn Sie Unterst\u00fctzung f\u00fcr Shopware 5 ben\u00f6tigen. Sie k\u00f6nnen auch die Shopware 5 Entwicklungsseite<\/strong><\/a><\/strong> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
Wir werden die Texte wie\u00a0„Mein Konto„ und den Preis im Einkaufswagen entfernen. Um die Shopware 5 Topbar in der Kopfzeile zu entfernen, f\u00fchren Sie die folgenden Schritte aus: Unsere Topbar sieht wie folgt aus. Schritt 1: Gehen Sie in das shopware Themenverzeichnis Ihrer Website. Schritt 2: Erstellen Sie ein neues Unterverzeichnis namens footer.less Dateistruktur:- Hinweis: […]<\/p>\n","protected":false},"author":74,"featured_media":9103,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78,116],"tags":[],"class_list":["post-9094","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\/9094","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=9094"}],"version-history":[{"count":10,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9094\/revisions"}],"predecessor-version":[{"id":17259,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9094\/revisions\/17259"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/9103"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=9094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=9094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=9094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}