Suchfeld im Header ausblenden / als Button darstellen

Hallo, besteht die Möglichkeit das Suchfeld im Header bei der Desktop-Ansicht auszublenden und wie bei der Mobilen-Ansicht als Button darzustellen? Viele Grüße Oliver

Ich versuche es auch gerade, bekomme es aber zur Zeit noch nicht so hin :wtf:

Das geht über die media querys

Vielen Dank! Die media querys werden in diesem Fall in der Datei header.less definiert oder verstehe ich das falsch? Viele Grüße Oliver

Kann mir das mal genau erklären? Danke Gruß Stevie;)

Ich habe das gleiche Anliegen und komme leider nicht weiter. Könnte jemand ein paar Tipps geben oder eine passende Header.less zur Verfügung stellen? Vielen Dank!

Würde mich auch interessieren!

Als Newbie ist das für mich auch interessant. Kann bitte jemand vom Shopware-Team zeitnah einen Lösungsansatz beschreiben. Das würde mir sehr helfen. Ich kämpfe noch mit der Umstellung aufs Responsive Theme und weiß oft nicht, wo ich für Änderungen hinlangen muss.

Das wird euch für den Einstieg helfen: https://developers.shopware.com/designers-guide/ Viele Grüße

Warum ist das Thema gelöst? Was ist denn die Lösung? Hier wurde das Thema schon einmal besprochen und wie es aussieht gelöst, aber auf einen völlig anderen Weg - nicht über less sondern irgendwie über php… Es wäre interessant beide Lösungen vergleichen zu können!

Als Lösungsansatz könnte euch dieser Link helfen: https://github.com/shopware/shopware/bl … .less#L445 @media screen and (min-width: @phoneLandscapeViewportWidth) { ... // Remove the mobile search position in all other viewports &.is--active { .main-search--form { top: 0; display: inline-block; } } } Viele Grüße

Hallo, wie Markus123 schon gepostet hat, gibt es einen ähnlichen Thread. Wichtig ist, dass ihr euch auch die javascript Dateien anschaut, dort wird die Suche anhand der Größe des Gerätes (Smartphone oder Desktop) gesetzt.