Inhalte aufrufen

Profilbild

Suche im Header kleiner darstellen


  • Bitte melden Sie sich an, um eine Antwort zu verfassen.
7 Antworten zu diesem Thema

#1 suelzi

suelzi

    Member

  • Members
  • 17 Beiträge

Geschrieben: 18 September 2017 - 09:01

Guten Morgen,

 

wir erstellen einen neuen Shop mit der aktuellen .NET-Version und würden gerne die Suche im Header-Bereich kleiner machen. Nur halb so groß - um den Bereich neben dem Logo besser nutzen oder das Logo größer darstellen zu können.

 

suche_zu_gross.jpg

 

 

Des Weiteren soll die Suche nicht mehr ausgeklappt werden, sofern man einmal draufklickt.

 

suche_ausgeklappt.jpg

 

 

Wie ist das umsetzbar?

 

Vielen Dank im Voraus,

 

freundliche Grüße

 

Christine Börchers



Vielen Dank und freundliche Grüße
 
Christine Börchers


#2 mara

mara

    Advanced Member

  • Members
  • 78 Beiträge

Geschrieben: 18 September 2017 - 09:35

Moin,

 

wenn du im CSS die neue Höhe des Logos notierst passt sich die Suche automatisch an

 

Beispiel:

 

.shop-logo{
    height:120px;
}


sonnigen Gruß

Mara


#3 suelzi

suelzi

    Member

  • Members
  • 17 Beiträge

Geschrieben: 19 September 2017 - 07:08

Guten Morgen

 

und Dankeschön erstmal,

 

ich möchte aber nicht die Höhe ändern, sondern die Breite der Suche, so dass neben dem Logo noch was stehen kann.

Die Suche soll also nur halb so lang sein.

 

suche_halb_so_gross.jpg

 

Vielen Dank.

 



Vielen Dank und freundliche Grüße
 
Christine Börchers


#4 kusnez

kusnez

    V.I.P

  • Members
  • 2496 Beiträge

Geschrieben: 19 September 2017 - 08:33

Hallo,

http://community.sma...länge/?p=273610


M.f.G.
E. Kusnezov
www.stahldeko-shop.de

#5 mara

mara

    Advanced Member

  • Members
  • 78 Beiträge

Geschrieben: 19 September 2017 - 09:52

Guten Morgen,

 

wir erstellen einen neuen Shop mit der aktuellen .NET-Version und würden gerne die Suche im Header-Bereich kleiner machen. Nur halb so groß - um den Bereich neben dem Logo besser nutzen oder das Logo größer darstellen zu können.

 

 

 

Guten Morgen

 

und Dankeschön erstmal,

 

ich möchte aber nicht die Höhe ändern, sondern die Breite der Suche, so dass neben dem Logo noch was stehen kann.

Die Suche soll also nur halb so lang sein.

 

attachicon.gifsuche_halb_so_gross.jpg

 

Vielen Dank.

 

 

Hallo,

 

wenn das Logo größer werden soll wird es doch automatisch auch breiter!? M.E. gibt es zwei Möglichkeiten: entweder das ganze Ding umbauen (have fun) oder das was neben dem Logo stehen soll mit ins Bild packen. Das ist zwar nicht wirklich schön, aber spart eine Menge Zeit und Besucher sehen das eh nicht ;-)


sonnigen Gruß

Mara


#6 suelzi

suelzi

    Member

  • Members
  • 17 Beiträge

Geschrieben: 19 September 2017 - 09:54

Vielen Dank, E. Kusnezov,

habe das vorher nicht gefunden.

 

Das funktioniert wunderbar. Jetzt muss nur noch das "aufklappen" verhindert werden.

 

Dazu vielleicht noch eine Idee?



Vielen Dank und freundliche Grüße
 
Christine Börchers


#7 Murat Cakir

Murat Cakir

    SmartStore AG

  • Administrators
  • 1079 Beiträge

Geschrieben: 19 September 2017 - 17:07

Das funktioniert wunderbar. Jetzt muss nur noch das "aufklappen" verhindert werden.

.search-focused .shop-logo {
    opacity: 1; /* damit Logo nicht mehr ausgeblendet wird */
    transform: none; /* Animation unterdrücken  */
    margin-left: 0 !important; /* Verhindert, dass die Suchleiste den Platz des Logos einnimmt  */
}

Murat Cakir
SmartStore AG


#8 suelzi

suelzi

    Member

  • Members
  • 17 Beiträge

Geschrieben: 20 September 2017 - 09:52

Perfekt,

vielen vielen Dank.



Vielen Dank und freundliche Grüße
 
Christine Börchers