wie kann ich am besten die Anmelde Leiste verschieben, siehe screenshots.
Geschrieben: 10 November 2023 - 14:30
Sydesoft GmbH
Haferstr. 20
49324 Melle
Tel.: +49 5422 96 399 25
Web:
https://www.sydesoft.de/webshop-erstellen.html
Geschrieben: 10 November 2023 - 14:52
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
Michael Herzog
Smartstore AG
Geschrieben: 10 November 2023 - 17:29
Also ich mag Smartstore echt!
Cool wäre es aber noch, wenn die Frabe auch weiß wäre, wie bei den Kategorien, bzw. genauso wäre wie bei den Kategorien. Soll ich da einfach eine Schriftfarbe setzen in das div oder gibt es eine div-class die ich nutzen kann, damit es genauso aussieht, wie die Kategorien schrift?
Sydesoft GmbH
Haferstr. 20
49324 Melle
Tel.: +49 5422 96 399 25
Web:
https://www.sydesoft.de/webshop-erstellen.html
Geschrieben: 10 November 2023 - 18:40
ich habe es jetzt weiß gemacht mit menubar-inverse
Sydesoft GmbH
Haferstr. 20
49324 Melle
Tel.: +49 5422 96 399 25
Web:
https://www.sydesoft.de/webshop-erstellen.html
Geschrieben: 10 November 2023 - 18:40
aber es ist leider nicht ganz bündig an den rändern...im pagebuilder gibt es ja dieses "Volle Breite" und "Boxed". Wie würde das bei css heissen?
Sydesoft GmbH
Haferstr. 20
49324 Melle
Tel.: +49 5422 96 399 25
Web:
https://www.sydesoft.de/webshop-erstellen.html
Geschrieben: 10 November 2023 - 18:57
jetz hat es geklappt:
<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>
<menu name="Main" template="Main" />
</div>
<div class="menubar-inverse">
@await Component.InvokeAsync("TopBar")
</div>
</div>
</nav>
</div>
</header>
Sydesoft GmbH
Haferstr. 20
49324 Melle
Tel.: +49 5422 96 399 25
Web:
https://www.sydesoft.de/webshop-erstellen.html