Hi,
das ist recht einfach :-)
Nachfolgend etwas Code als Ausgangspunkt für dich:
\\Smartstore\src\Smartstore.Web\Views\Shared\Layouts\_Layout.cshtml
<header id="header" zone-name="header" replace-content="true"> <div class="menubar-section d-none d-lg-block @(Display.GetThemeVariable<bool>("inverse-menubar") ? "menubar-inverse" : "menubar-light")"> <div class="container menubar-container"> </div> </div> <div class="shopbar-section @(Display.GetThemeVariable<bool>("inverse-shopbar") ? "shopbar-inverse" : "shopbar-light")"> <div class="container shopbar-container"> @await Component.InvokeAsync("ShopBar") </div> </div> <div class="megamenu-section d-none d-lg-block"> <nav class="navbar @(Display.GetThemeVariable<bool>("inverse-navbar") ? "navbar-inverse" : "navbar-light")"> <div class="container megamenu-container"> <div class="row w-100"> <div class="col"> <menu name="Main" template="Main" /> </div> <div class="col-auto align-self-center"> @await Component.InvokeAsync("TopBar") </div> </div> </div> </nav> </div> </header>
Natürlich gilt es jetzt zu berücksichtigen, dass die Elemente da ggf. gar nicht reinpassen, sofern noch mehr Warengruppen zugefügt werden, Blog, Forum, Sprachwechsler oder ähnliches aktiviert werden.
Viele Grüße,
Michael Herzog