5 Antworten zu diesem Thema

[wseibel]

wie kann ich am besten die Anmelde Leiste verschieben, siehe screenshots.

 

 

 

 

Angehängte Bilder

• 
• 

[Michael Herzog]

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

[wseibel]

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?

Angehängte Bilder

• 

[wseibel]

ich habe es jetzt weiß gemacht mit menubar-inverse

[wseibel]

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?

[wseibel]

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>