# Top Navigation: Dropdown für Login, Merkzettel, Warenkorb etc. **URL:** \ **Category:** Programmierung\ **Created:** [23. Februar 2016 um 09:31 UTC](https://forum.shopware.com/t/top-navigation-dropdown-fur-login-merkzettel-warenkorb-etc/34707 "2016-02-23T09:31:20Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![Rusher](https://avatars.discourse-cdn.com/v4/letter/r/ac8455/32.png) [@Rusher](https://forum.shopware.com/u/Rusher)\ **Post date:** [23. Februar 2016 um 09:31 UTC](https://forum.shopware.com/t/top-navigation-dropdown-fur-login-merkzettel-warenkorb-etc/34707/1 "2016-02-23T09:31:20Z")
Hallo liebe Community, ist es möglich in der Top-Navigation ein Drop-Down einzufügen, wie bei Service, wo man sich gleich einloggen kann etc? Und wenn ja wie? Ich würde mich sehr über Rückmeldungen freuen. ---
**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\ **Post date:** [23. Februar 2016 um 12:39 UTC](https://forum.shopware.com/t/top-navigation-dropdown-fur-login-merkzettel-warenkorb-etc/34707/2 "2016-02-23T12:39:15Z")
> ist es möglich in der Top-Navigation ein Drop-Down einzufügen, wie bei Service, wo man sich gleich einloggen kann etc? Ja. > Und wenn ja wie? Ein eigenes Theme anlegen (geht bequem über das Backend). Im Anschluss im original Responsive Theme nachsehen wie das Service Menü eingebunden wird (Wird wohl im frontend/index-Ordner sein). Den entsprechenden Block im eigenen Theme erweitern und die Funktionalität (wahrscheinlich reicht es die richtigen Klassennamen zu nutzen) nachempfinden. Nur dann statt der Shopseiten-Liste eben das Log-In einbauen. Dazu im Responsive Theme wieder kucken wie das aufgebaut ist (vor allem wie der Controller-Aufruf aussieht) und das ganze noch ein bischen stylen. Hier gehts los mit den Theme-Grundlagen: > **[Frontend Guides](https://developers.shopware.com/designers-guide/)** > > Frontend Guides         ---
**Author:** ![Rusher](https://avatars.discourse-cdn.com/v4/letter/r/ac8455/32.png) [@Rusher](https://forum.shopware.com/u/Rusher)\ **Post date:** [29. Februar 2016 um 07:44 UTC](https://forum.shopware.com/t/top-navigation-dropdown-fur-login-merkzettel-warenkorb-etc/34707/3 "2016-02-29T07:44:12Z")
Ich bin nun schon ein gutes Stück weiter, jedoch jetzt hackt es wieder, ich habe Ihnen hier mal den Code bereit gestellt:   ``` {* login / Support drop down *} {block name="frontend_index_checkout_actions_service_menu"} {s namespace='frontend/index/checkout_actions' name='IndexLinkMyAccount'}Anmelden{/s} {if !$sUserLoggedIn || $Action == 'logout'} {s namespace='frontend/index/checkout_actions' name='IndexTopBarLogin'}Login{/s} {s namespace='frontend/index/checkout_actions' name='IndexTopBarLoginPassword'}Passwort vergessen?{/s} {s namespace='frontend/index/checkout_actions' name='IndexTopBarRegister'}Registrieren{/s} {s namespace='frontend/index/checkout_actions' name='IndexTopBarLoginBtn'}Anmelden{/s} {else} {include file='frontend/account/sidebar.tpl'} {/if} {/block} ```   Das Drop-Down fehlt aber leider, bei dem Punkt Service wird dies folgendermaßen erreicht:   ``` {* Include of the widget *} {block name="frontend_index_checkout_actions_service_menu_include"} {action module=widgets controller=index action=menu group=gLeft} {/block} ```   Ich bräuchte hierzu noch einmal Hilfestellung ---
**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\ **Post date:** [3. März 2016 um 13:11 UTC](https://forum.shopware.com/t/top-navigation-dropdown-fur-login-merkzettel-warenkorb-etc/34707/4 "2016-03-03T13:11:10Z")
Also damit das drop-down funktioniert brauchst du z.B. die Klasse service–list. Damit das ganze homogen aussieht auch noch is–rounded. D.h. innerhalb von ``` alles noch einmal in ein wrappen. Damit das dann nicht zuklappt wenn man auf ein Element innerhalb des drop-down-pop-ups klickt kannst du den inneren Elementen z.B. die Klasse .service--link mitgeben. ``` ---
**Author:** ![wienerpresswerk](https://avatars.discourse-cdn.com/v4/letter/w/2acd7d/32.png) [@wienerpresswerk](https://forum.shopware.com/u/wienerpresswerk)\ **Post date:** [14. April 2016 um 11:08 UTC](https://forum.shopware.com/t/top-navigation-dropdown-fur-login-merkzettel-warenkorb-etc/34707/5 "2016-04-14T11:08:18Z")
> [@steinsoftware schrieb:](https://forum.shopware.com/profile/17116/steinsoftware "steinsoftware") > > Also damit das drop-down funktioniert brauchst du z.B. die Klasse service–list. Damit das ganze homogen aussieht auch noch is–rounded. > > D.h. innerhalb von > > alles noch einmal in ein > > wrappen. > > Damit das dann nicht zuklappt wenn man auf ein Element innerhalb des drop-down-pop-ups klickt kannst du den inneren Elementen z.B. die Klasse > > .service–link > > mitgeben. > > Hallo, > > Ich muss das noch mal pushen, denn ich steh auf dem Schlauch. Was mach ich falsch? > > Hab alles wie obern beschrieben inkl. wrap in service list gemacht.Ich seh den Block in der Topbar, aber er wird nicht ausgegeben als link. > > Die topbar.tpl sieht jetzt so aus: > > {extends file=„parent:frontend/index/topbar-navigation.tpl“} > > {\* Top bar navigation \*} > {block name=„frontend\_index\_top\_bar\_nav“} > > {action module=widgets controller=index action=shopMenu} > > {\* Article Compare \*} > {block name=‚frontend\_index\_navigation\_inline‘} > {if {config name=„compareShow“}} > > {block name=‚frontend\_index\_navigation\_compare‘} > {action module=widgets controller=compare} > {/block} > > {/if} > {/block} > > {\* login / Support drop down \*} > {block name=„frontend\_index\_checkout\_actions\_service\_menu“} > > {s namespace=‚frontend/index/checkout\_actions‘ name=‚IndexLinkMyAccount‘}Anmelden{/s} > > {if !$sUserLoggedIn || $Action == ‚logout‘} > > {s namespace=‚frontend/index/checkout\_actions‘ name=‚IndexTopBarLogin‘}Login{/s} > > {s namespace=‚frontend/index/checkout\_actions‘ name=‚IndexTopBarLoginPassword‘}Passwort vergessen?{/s} > > {s namespace=‚frontend/index/checkout\_actions‘ name=‚IndexTopBarRegister‘}Registrieren{/s} > > {s namespace=‚frontend/index/checkout\_actions‘ name=‚IndexTopBarLoginBtn‘}Anmelden{/s} > > {else} > {include file=‚frontend/account/sidebar.tpl‘} > {/if} > > {/block} > > {\* Service / Support drop down \*} > {block name=„frontend\_index\_checkout\_actions\_service\_menu“} > > {s namespace=‚frontend/index/checkout\_actions‘ name=‚IndexLinkService‘}{/s} > > {\* Include of the widget \*} > {block name=„frontend\_index\_checkout\_actions\_service\_menu\_include“} > {action module=widgets controller=index action=menu group=gLeft} > {/block} > > {action module=widgets controller=checkout action=info} > > {/block} > > {/block} ---
**Author:** ![wienerpresswerk](https://avatars.discourse-cdn.com/v4/letter/w/2acd7d/32.png) [@wienerpresswerk](https://forum.shopware.com/u/wienerpresswerk)\ **Post date:** [22. April 2016 um 06:12 UTC](https://forum.shopware.com/t/top-navigation-dropdown-fur-login-merkzettel-warenkorb-etc/34707/6 "2016-04-22T06:12:42Z")
push 😉   Hat niemand eine Idee, was hier falsch läuft? Es muss dpch möglich sein, das einzurichten…   ---
**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\ **Post date:** [22. April 2016 um 06:50 UTC](https://forum.shopware.com/t/top-navigation-dropdown-fur-login-merkzettel-warenkorb-etc/34707/7 "2016-04-22T06:50:03Z")
Na da muss man doch bloß kucken wie das Service-Menü aufgebaut ist und den Code inklusive der verwendeten Klassen nachstellen. Ist zwar nicht das sauberste aber sollte stabil genug sein. Der Javascript-Code der das ganze regelt geht auf die service-\* und \*-service Klassen. Bei dir seh ich z.B. in der ersten Zeile schon ein entry–account anstatt einem entry–service. (das role=“menuitem” sollte man an dieser Stelle weglassen können - ansonsten ist das stupides Copy und Paste bestehenden Codes…) ---
**Author:** ![RichardBruse](https://avatars.discourse-cdn.com/v4/letter/r/e5b9ba/32.png) [@RichardBruse](https://forum.shopware.com/u/RichardBruse)\ **Post date:** [9. November 2017 um 16:04 UTC](https://forum.shopware.com/t/top-navigation-dropdown-fur-login-merkzettel-warenkorb-etc/34707/8 "2017-11-09T16:04:26Z")
mega panne die quellcodeeingabe hier deshalb nur die antwort wie stein es schon angemerkt hat muss man nur das dropdown vom servicemenue adaptieren   die änderungen beziehen sich nur auf tie topbar-navigation.tpl also echt keine hexerei