Wie kann man das erweiterte Menü-Plugin in Shopware 5 überschreiben und anpassen?

Um das erweiterte Menü-Plugin in shopware 5 zu überschreiben und anzupassen. Bitte folgen Sie den folgenden Schritten:

Schritt 1: Gehen Sie in das Shopware-Themenverzeichnis Ihrer Website.

Schritt 2: Erstellen Sie ein neues Unterverzeichnis namens index.tpl

Dateistruktur:-

/themes/Frontend/Custom/frontend/plugins/advanced_menu/index.tpl

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

Schritt 3: Schreiben Sie diesen Code in die Datei index.tpl.

{extends file="parent:frontend/plugins/advanced_menu/index.tpl"}

{block name="frontend_plugins_advanced_menu_button_category"}{/block}

{block name="frontend_plugins_advanced_menu_button_close"}{/block}

Schritt 4: Erstellen Sie eine neue Datei namens advanced-menu.less.

Dateistruktur:-

/themes/Frontend/Custom/frontend/_public/src/less/_plugins/advanced-menu.less

Und schreiben Sie diesen Code hinein.

.advanced-menu{
    border-top: 1px solid @brand-primary;
    background-color: black;
    color: white;

    .button-container{
      display: none;
    }

    .menu--list-item-link {
      color: white;
    }

    .item--level-1{
      .menu--list-item-link{
        color: white;
      }
    }
}

Schritt 5: Erstellen Sie die Datei all.less im Verzeichnis less.

Dateistruktur:-

/themes/Frontend/Custom/frontend/_public/src/less/all.less

Und schreiben Sie dies hinein.

@import "_plugins/advanced-menu";

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.