Wie zentriert man die Navigation in Shopware 5?

Center Your Navigation in Shopware 5
Shopware, Shopware 5

Zuerst müssen Sie ein benutzerdefiniertes Thema erstellen. Um ein benutzerdefiniertes Thema zu erstellen, können Sie über den unten stehenden Link gehen.

Different ways of creating shopware 5 theme ?

Um Ihre Navigation in shopware 5 zu zentrieren, führen 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 neues Unterverzeichnis namens main-navigation.less im Verzeichnis _modules.

Dateistruktur:-

themes/Frontend/Custom/frontend/_public/src/less/_modules/main-navigation.less

Hinweis: Das benutzerdefinierte Verzeichnis ist ein Thema, das ich bereits erstellt habe.

This image has an empty alt attribute; its file name is Screenshot_6-980x449.png

Schritt 3: Schreiben Sie diesen Code in die Datei main-navigation.less.

@media screen and (min-width: @tabletViewportWidth) {
    .navigation-main{
      .navigation--list{
            text-align: center;
        }
    }
  }

Schritt 4: Importieren Sie die Datei main-navigation.less in die Datei all.less.

This image has an empty alt attribute; its file name is Screenshot_4-6.png

Schreiben Sie diesen Code in die Datei all.less.

@import "_modules/main-navigation";

Ergebnisse:

Bitte kontaktieren Sie uns unter manish@bay20.com oder rufen Sie uns unter +91-8800519180 an, wenn Sie Unterstützung für Shopware 5 benötigen. Sie können auch die Shopware 5 Entwicklungsseite besuchen, um die von uns angebotenen Dienstleistungen zu überprüfen.