Jump to content

Photo
- - - - -

Anmelde-Leiste verschieben nach unten

\r\n48491

  • Please log in to reply
5 replies to this topic

#1 wseibel

wseibel

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 10 November 2023 - 14:30

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

 

 

 

 

Attached Images

  • 2.png
  • Unbenannt.png

Sydesoft GmbH
Haferstr. 20
49324 Melle
Tel.: +49 5422 96 399 25
Web:

http://www.sydesoft.de

https://www.sydesoft.de/webshop-erstellen.html

 

 

 


#2 Michael Herzog

Michael Herzog

    SmartStore AG

  • Administrators
  • 3498 posts

Posted 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


  • stefanmueller likes this

Michael Herzog
Smartstore AG


#3 wseibel

wseibel

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 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?

Attached Images

  • Screenshot 2023-11-10 172908.png

Sydesoft GmbH
Haferstr. 20
49324 Melle
Tel.: +49 5422 96 399 25
Web:

http://www.sydesoft.de

https://www.sydesoft.de/webshop-erstellen.html

 

 

 


#4 wseibel

wseibel

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 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:

http://www.sydesoft.de

https://www.sydesoft.de/webshop-erstellen.html

 

 

 


#5 wseibel

wseibel

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 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:

http://www.sydesoft.de

https://www.sydesoft.de/webshop-erstellen.html

 

 

 


#6 wseibel

wseibel

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 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:

http://www.sydesoft.de

https://www.sydesoft.de/webshop-erstellen.html