Header

Logo

Logo-Bild

BildWenn leer, wird der Shop-Name als Text angezeigt.

Logobreite auf dem Desktop

Schieberegler, 100 bis 300 pxStandard: 190 pxBreite des sichtbaren Teils des Logos, nachdem die transparenten Ränder abgeschnitten wurden.

Maximale Logohöhe auf dem Desktop

Schieberegler, 40 bis 160 pxStandard: 65 pxEin hohes Logo wird auf diese Höhe verkleinert. Gemeint ist die Höhe des sichtbaren Teils.

Logobreite auf Smartphones

Schieberegler, 80 bis 200 pxStandard: 100 pxBreite des sichtbaren Teils des Logos auf Smartphones und Tablets. Auf schmalen Smartphones wird es bei Bedarf kleiner, damit die Symbole daneben genug Platz haben.

Maximale Logohöhe auf Smartphones

Schieberegler, 24 bis 44 pxStandard: 34 pxEin hohes Logo wird auf Smartphones und Tablets auf diese Höhe verkleinert. Die Leiste ist fest 48 px hoch, daher bis 44.

Position des Logos in der Kerbe auf Smartphones

Schieberegler, -8 bis 12 pxStandard: 4 pxEine positive Zahl verschiebt das Logo nach unten, eine negative nach oben. 0: zentriert in der Header-Zeile.

Position des Logos in der Kerbe auf dem Desktop

Schieberegler, -8 bis 12 pxStandard: 0 pxEine positive Zahl verschiebt das Logo nach unten, eine negative nach oben. 0: zentriert in der Header-Zeile.

Transparente Ränder des Logos abschneiden

Oben abschneiden

Schieberegler, 0 bis 40 %Standard: 17 %

Unten abschneiden

Schieberegler, 0 bis 40 %Standard: 22 %

Links abschneiden

Schieberegler, 0 bis 40 %Standard: 7.5 %

Rechts abschneiden

Schieberegler, 0 bis 40 %Standard: 3.5 %

Ein Logo-Bild hat meist transparente Ränder um den Schriftzug. Lege fest, wie viel auf jeder Seite des Bildes abgeschnitten wird (in Prozent); die Logogrößen oben beziehen sich dann auf den Rest. Bei einem bereits eng zugeschnittenen Bild belässt du alle Werte bei 0.

Symbole

Suchschaltfläche anzeigen

Ein oder ausStandard: Ein

Ins Suchfeld getippte Wörter

TextAuf Smartphones werden diese Wörter beim Öffnen der Suche nacheinander ins Feld getippt. Durch Kommas trennen. Leer lassen, um die Linknamen des Hauptmenüs zu verwenden. Sie erscheinen auch als Ideen vor der Eingabe.

Vor der Eingabe

Auswahl: Ideen und letzte Suchen, Nur Ideen, Nur letzte Suchen, NichtsStandard: Ideen und letzte SuchenIdeen sind die Wörter des Suchfelds. Letzte Suchen gehören der jeweiligen Person und werden in ihrem Browser gespeichert.

Kontomenü

MenüLinks im Kontofenster von Shopify unter der Anmeldung. „Hauptmenü des Kundenkontos“ hält sie gleich wie auf den Kontoseiten.

Größe der Münzen in der Kopfzeile

Schieberegler, 36 bis 48 pxStandard: 40 pxDurchmesser der Münzen in der Kopfzeile auf Smartphone und Tablet. Am Computer hat die Kopfzeile keine Münzen: Die Symbole sitzen als Linien auf der Leiste. Das Symbol in einer Münze ist halb so groß wie der Durchmesser.

Tasche reagiert auf Hinzufügen

Ein oder ausStandard: EinWenn ein Produkt in den Warenkorb gelegt wird, sinkt die Tasche leicht ab, wird gestaucht und federt zurück. Nicht, wenn sich eine Anzahl im Warenkorb ändert.

Kopfzeile am Computer

Menüstil am Computer

Auswahl: Bibliothek: alle Links in Spalten, Räume: eine Gruppe nach der anderen, Galerie: ein Bild pro GruppeStandard: Bibliothek: alle Links in SpaltenWie das Panel unter der Leiste die Links eines Menüpunkts zeigt. Aus deinem normalen Menü, bis zu drei Ebenen.

Kollektionsbild in Menüs

Ein oder ausStandard: EinIn den Stilen Bibliothek und Räume erscheint das Kollektionsbild neben den Links und wechselt mit dem Link unter dem Zeiger. Die Galerie zeigt immer Bilder.

Farbe des Menüpanels

Auswahl: Weiß, wie die Suche, Dunkel, Eigene FarbeStandard: Weiß, wie die Suche

Panelfarbe

FarbeDie Textfarbe wird automatisch gewählt: dunkel auf heller Farbe, hell auf dunkler.

Schwebendes Menü auf dem Smartphone

Schwebendes Menü beim Scrollen

Auswahl: Aus, Auf SmartphonesStandard: Auf SmartphonesAuf Smartphones schweben die gleichen vier Symbole in einer Pille unten am Bildschirm, nah am Daumen, sobald der Header wegscrollt. Menü, Suche und Warenkorb öffnen sich von oben, wie am Seitenanfang. Chat-Apps: in ihren Einstellungen einen unteren Abstand von mindestens 90 px lassen, damit sie darüber liegen.

Form des schwebenden Menüs

Auswahl: Tab aus dem Rahmen, Schwebend, oben schmal, Schwebend, oben breitStandard: Tab aus dem RahmenTab: wächst aus dem unteren Rahmen in der Form der Logo-Aussparung, in der Rahmenfarbe. Die schwebenden Formen nutzen die Menüfarbe unten.

Farbe des schwebenden Menüs

Auswahl: Wie die Münzen im Header, Dunkel, HellStandard: Wie die Münzen im Header„Wie die Münzen im Header“ folgt der Münzfarbe im Header: dunkel mit dunklem Rahmen, hell mit weißem Rahmen.

Farbe der Symbole im unteren Menü

FarbeDie Symbole im schwebenden Menü auf Smartphones. Leer: die Farbe des Menütons.

Farbe der Ringe im unteren Menü

FarbeDer dünne Ring um jedes Symbol, ohne Füllung. Ein geöffnetes Symbol füllt sich mit dieser Farbe. Leer: die Farbe des Menütons.

Abstand zum Rahmen

Schieberegler, 0 bis 24 pxStandard: 4 pxDer Abstand zwischen dem Menü und dem Rahmen darunter oder der Browserleiste, wenn sie den Rahmen verdeckt. Gleich beim Scrollen nach oben und unten. Standard: 4 px.

Menü

Hauptmenü

MenüBearbeite die Menüpunkte unter Content > Menüs.

Kleine Überschrift über dem Smartphone-Menü

TextLeer lassen, um den Standard zu verwenden.

Text der Schaltfläche für den Mitgliederclub

TextDie Schaltfläche unten im Smartphone-Menü. Leer lassen, um den Standard zu verwenden.

Sprach- und Länderauswahl im Menü

Ein oder ausStandard: EinÜber der Club-Schaltfläche. Erscheint nur, wenn es mehr als eine Sprache oder ein Land gibt.

Sprachauswahl in der Leiste

Ein oder ausStandard: EinAuf Computern eine Sprachauswahl in der oberen Leiste vor dem Suchsymbol. Auf Handy und Tablet ist sie im Menü.

Flaggen neben den Sprachen

Ein oder ausStandard: EinEine kleine Flagge neben jeder Sprache. Manche Shops verzichten lieber darauf, denn eine Sprache ist kein Land.

Soziale Netzwerke im Menü

Ein oder ausStandard: EinEine Reihe gefüllter Symbole unter der Club-Schaltfläche, wie in der Fußzeile. Links und Reihenfolge werden in den Theme-Einstellungen unter „Social Media“ festgelegt. Facebook, Instagram, TikTok, YouTube und X werden als einfaches Symbol angezeigt, bis du einen Link hinzufügst; andere Netzwerke nur mit Link.

Menüfarbe

FarbeStandard: #FFFFFFJede beliebige Farbe. Text und Schaltfläche passen sich an: Auf einer dunklen Farbe ist der Text cremefarben. Standard: Weiß, wie der Rahmen.

Hintergrundstil

Auswahl: Einfarbig, Beleuchtete BühneStandard: EinfarbigBeleuchtete Bühne: ein weiches Licht von oben, das nach unten abnimmt, aus der gewählten Farbe. Auf einer hellen Farbe wird der obere Bereich weiß; auf einer dunklen Farbe entsteht eine dunkle Bühne.

Lichtfarbe

FarbeDas sanfte Licht von oben in der Mitte. Leer: Weiß.

Farbe der Club-Schaltfläche

FarbeDie Schaltfläche unten im Menü. Leer: die Menüfarbe. Der Text wird passend hell oder dunkel.

Hintergrundbild des Menüs

BildOptional. Das Bild wird erst geladen, wenn das Menü zum ersten Mal geöffnet wird. Darüber liegt ein Schleier in der Menüfarbe.

Stärke des Schleiers über dem Bild

Schieberegler, 0 bis 100 %Standard: 80 %Wie stark die Menüfarbe das Bild überdeckt, damit der Text lesbar bleibt. 0 zeigt das Bild unverändert.