# Top Navigation

**URL:** <https://forum.shopware.com/t/top-navigation/34496>\
**Category:** Themes & Design\
**Created:** [15. Februar 2016 um 15:05 UTC](https://forum.shopware.com/t/top-navigation/34496 "2016-02-15T15:05:30Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![acaena](https://avatars.discourse-cdn.com/v4/letter/a/35a633/32.png) [@acaena](https://forum.shopware.com/u/acaena)\
**Post date:** [15. Februar 2016 um 15:05 UTC](https://forum.shopware.com/t/top-navigation/34496/1 "2016-02-15T15:05:30Z")

</div>

Hallo,

ich habe &nbsp;Warenkorb, Merkzettel und mein Konto&nbsp;in die Top Navigation&nbsp;verschoben. Klappt wunderbar durch Anpassung von info.tpl und shop-navigation.tpl … Nach einigen Versuchen per .less sieht man es auch im Smartphone. Allerdings hab ich dort das Problem, dass das Service/Hilfe Menü aufgeklappt angezeigt wird und darunter Merkzettel, Mein Konto und Warenkorb.

Aber eigentlich müsste das ja nebeneinander. Das Service/Hilfe Menü könnte auch ganz ausgeblendet sein, nur momentan bekomme ich nicht mal das hin&nbsp; ![frown](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/569ff272a6dd35730487f053b5b3cd1f98b23eea.png "frown")&nbsp;… Kann hier jemand weiterhelfen?

&nbsp;

LG

---

<div class="post-metadata">

**Author:** ![acaena](https://avatars.discourse-cdn.com/v4/letter/a/35a633/32.png) [@acaena](https://forum.shopware.com/u/acaena)\
**Post date:** [20. Februar 2016 um 11:52 UTC](https://forum.shopware.com/t/top-navigation/34496/2 "2016-02-20T11:52:01Z")

</div>

Ich muss das nochmal pushen. Hat niemand eine Idee?

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [20. Februar 2016 um 17:07 UTC](https://forum.shopware.com/t/top-navigation/34496/3 "2016-02-20T17:07:36Z")

</div>

Hallo,

es wäre eventuell sinnvoll, wenn du Hilfe benötigst, auch einen Link zu deinem Onlineshop zu posten bzw. den Code / Inhalt der Dateien (tpl / LESS), damit man auch das Problem oder den Fehler finden kann.

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![acaena](https://avatars.discourse-cdn.com/v4/letter/a/35a633/32.png) [@acaena](https://forum.shopware.com/u/acaena)\
**Post date:** [22. Februar 2016 um 18:11 UTC](https://forum.shopware.com/t/top-navigation/34496/4 "2016-02-22T18:11:06Z")

</div>

Hallo Sebastian,

danke für die Antwort. Der Shop ist erst seit heut morgen wieder online, war vorher Wartungsmodus. Hier ist der Link: [www.pflanzenraritaeten.com](http://www.pflanzenraritaeten.com)

Bisher hab ich es noch nicht lösen können. In der smartphone-Ansicht steht der Service aufgeklappt untereinander und darunter dann die drei anderen Punkte. Geht eigentlich gar nicht. In der Desktop Ansicht ist alles ok.

Bearbeitet hab ich eigentlich nur die&nbsp;_widgets \> checkout \> info.tpl_ indem ich dort die Klasse “btn” entfernt hab und die&nbsp;_frontend \> index \> shop-navigation.tpl.&nbsp;_

In dieser hab ich den entsprechenden Abschnitt damit ersetzt:

```
{extends file="parent:frontend/index/shop-navigation.tpl"}
        
	{* Include of the cart *}
            {block name='frontend_index_checkout_actions_include'}
            {/block}

```

Danach hab ich die **&nbsp;** i\_ndex \> topbar-navigation.tpl mit Folgendem ergänzt:\_

```
{* 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}

```

Es funktioniert ja soweit auch, bis eben auf das Smartphone.

Heidi

---

<div class="post-metadata">

**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 08:02 UTC](https://forum.shopware.com/t/top-navigation/34496/5 "2016-02-23T08:02:56Z")

</div>

Änderungen IMMER im eigenen Theme vornehmen. Hier ist der Startpunkt:

[https://developers.shopware.com/designers-guide/](https://developers.shopware.com/designers-guide/)

Sonst kommt&nbsp; das nächste Update und es geht wieder nichts und dein Shop kann nicht genutzt werden und du hast Umsatzeinbußen und du meckerst über Shopware…

🙂 bischen überspitzt formuliert - aber du verstehst was ich meine

---

<div class="post-metadata">

**Author:** ![acaena](https://avatars.discourse-cdn.com/v4/letter/a/35a633/32.png) [@acaena](https://forum.shopware.com/u/acaena)\
**Post date:** [23. Februar 2016 um 08:05 UTC](https://forum.shopware.com/t/top-navigation/34496/6 "2016-02-23T08:05:02Z")

</div>

Also das versteht sich ja von selbst, deshalb hab ich das auch gar nicht erst für erwähnenswert erachtet&nbsp; ![Wink](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "Wink")

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [23. Februar 2016 um 08:19 UTC](https://forum.shopware.com/t/top-navigation/34496/7 "2016-02-23T08:19:42Z")

</div>

Hallo,

da du ja bereits `{extends file="parent:frontend/index/shop-navigation.tpl"} `in deiner Datei verwendet hast, weiss ich auch nicht, was der Kommentar (der dir überhaupt nicht weiterhilft) von steinsoftware soll. Den Befehl nutzt man ja meistens nur, wenn man sich bereits mit der Materie auseinander gesetzt hat.

Also bei mir wird in der Smartphone-Ansicht der Service-Bereich (aus dem linken Bereich) ganz normal unter der Kategorie-Auflistung angezeigt. Der Service-Bereich aus dem oberen Bereich ist ausgeblendet (somit bei dir auch das Warenkorb-Icon etc). Kannst du einmal per Screenshots zeigen, wo genau das Problem liegt?

Auf jeden Fall wird bei dir ein Scrollbalken in der Smartphone-Ansicht angezeigt - hier solltest du definitiv noch einmal drüber sehen.

Beste Grüße

Sebastian

---

<div class="post-metadata">

**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 08:29 UTC](https://forum.shopware.com/t/top-navigation/34496/8 "2016-02-23T08:29:01Z")

</div>

lässt sich gerade schwer helfen denn im Moment wird die topbar bei dir auf smartphone ausgeblendet. Da sind übrigens einige Dinge unschön wenn man sich die Seite auf den “kleineren” Devices ansieht.

Ich würde wirklich den Ansatz ‘mobile first’ verfolgen. Hier konzentriert man sich dann auf das wesentliche und da Shopware im Style ja auch so vorgeht, hat man dann nicht das Problem, dass man “rückwärts denken” muss.

Aber im Bereich Top-Bar und Top-Navigation und über der ganze Head-Bereich des Shopware-Themes ist öfter mal etwas ungünstig im Grundaufbau. Da sind Anpassungen oft sehr nervig.

Grundsätzlich mal kannst du im Theme-Manager oben bei Einstellungen ne CSS-Source-Map erstellen die man mit den Chrome Developer Tools dann auch einsehen kann. So findet man schnell die Stelle (und Datei!) im .less an der das Service-Menü behandelt wird. Dann kann man sich ankucken wie das da von statten geht und mittels less dann einvach das Service-Menü aublenden und mit den @desktopViewportWidth z.B. auf dem Desktop wieder anzeigen lassen.
