Theme-Einstellungen gelten für den ganzen Shop. Klicken Sie im Theme-Editor auf das Pinselsymbol (Theme-Einstellungen), um sie zu öffnen.
Colors
Die Farben von Keld sind Paare aus Hintergrund und Text. Wenn Sie einen Hintergrund ändern, prüfen Sie, ob die zugehörige Textfarbe darauf noch gut lesbar ist.
Page
Einstellung
Funktion
Page background
Legt den Hintergrund der Seite und heller Abschnitte fest.
Page text
Gilt für Überschriften, Fließtext und dunkle Schaltflächen auf dem Seitenhintergrund.
Secondary text
Gilt für Beschreibungen, Labels, SKUs und Daten auf allen hellen Hintergründen.
Panels
Einstellung
Funktion
Panel background
Gilt für Karten, Formulare, Seitenleisten, Dialoge und helle Bänder.
Panel text
Gilt für Text auf Panels.
Secondary panel background
Gilt für Zeilen beim Überfahren mit der Maus, Hinweise, Codeblöcke und leere Bildplätze.
Secondary panel text
Gilt für Text auf sekundären Panels.
Borders
Gilt für Trennlinien und Kartenrahmen.
Strong borders
Gilt für die Rahmen von Eingabefeldern und Outline-Schaltflächen.
Accent
Einstellung
Funktion
Accent background
Gilt für primäre Schaltflächen, die Ankündigungsleiste und Badges.
Text on accent
Gilt für Text auf primären Schaltflächen und auf der Ankündigungsleiste.
Accent hover background
Gilt für primäre Schaltflächen beim Überfahren mit der Maus.
Text on accent hover
Gilt für Text auf primären Schaltflächen beim Überfahren mit der Maus.
Dark sections
Einstellung
Funktion
Dark section background
Gilt für die Slideshow, Bilder mit Hotspots, das vorgestellte Produkt, Banner, Hinweismeldungen und den Footer.
Dark section text
Gilt für Text in dunklen Abschnitten.
Dark section secondary text
Gilt für Bildunterschriften und sekundären Text in dunklen Abschnitten.
Dark input background
Gilt für Eingabefelder, Auswahllisten und Hover-Zustände in dunklen Abschnitten sowie für dunkle Schaltflächen beim Überfahren mit der Maus.
Dark input text
Gilt für Text in dunklen Eingabefeldern und Hover-Zuständen.
Status and focus
Einstellung
Funktion
Fitment: listed
Gilt für die Badges „Listed for your vehicle“ und das Panel zur Fahrzeugzuordnung.
Fitment: not listed
Gilt für die Badges „Not listed“ und Warnungen.
Focus ring
Gilt für den Fokusrahmen bei Bedienung mit der Tastatur. Halten Sie den Kontrast hoch.
Typography
Einstellung
Funktion
Heading font
Schmale Schrift für Überschriften, Schaltflächen und Navigation.
Body font
Gilt für Absätze, Produktnamen und Formulartext.
Label font
Gilt für SKUs, Labels, Unterüberschriften und Spezifikationstabellen.
Alle drei stammen aus der Schriftbibliothek von Shopify. Sie werden also von Shopify geladen und brauchen keine weitere Einrichtung.
Layout
Einstellung
Funktion
Page width
Legt die maximale Breite des Inhaltsbereichs fest (1000–1600px).
Corner radius
Gilt für Schaltflächen, Eingabefelder, Karten und Bilder (0–12px). Halten Sie den Wert klein, damit das Theme seinen kantigen Look behält.
Motion
Einstellung
Funktion
Reveal content on scroll
Blendet Abschnitte ein, sobald sie beim Scrollen sichtbar werden (nur Deckkraft und Bewegung). Schaltet sich für Besucher, die reduzierte Bewegung bevorzugen, automatisch aus.
Header
Einstellung
Funktion
Mobile logo position
Center oder Left. Gilt bei 1100px Breite und weniger; dort zeigt der Header die Menüschaltfläche, das Logo sowie die Symbole für Konto, Fahrzeug und Warenkorb.
Den Rest des Headers (Logo, Menü, Suche, Fahrzeug-Schaltfläche, Mega-Menüs) stellen Sie im Abschnitt Header ein. Siehe Abschnitte › Header.
Fitment
Einstellung
Funktion
Vehicle list
Ein Fahrzeug pro Zeile als Make|Model|YearFrom|YearTo, im selben Format wie das Produkt-Metafeld custom.fitment. Ersetzen Sie die vorgegebene Demo-Liste durch Ihre eigene.
Show "Demo fitment" label
Zeigt im ganzen Shop gestrichelte Demo-Tags, solange Fahrzeugzuordnung, Preise und Bildlisten noch Beispieldaten sind. Schalten Sie die Einstellung aus, sobald Ihre Daten echt sind.
Ist Show "Demo fitment" label aktiviert, erscheinen diese Tags:
Demo bei der Fahrzeugauswahl und im Fahrzeugformular der Slideshow, bei Zuordnungs-Badges, im Zuordnungs-Panel des Produkts und im Tab „Fitted on car“, beim Filter „Fits my vehicle“, bei den Überschriften von Kollektions- und Suchseiten sowie bei Blogbeiträgen
Demo price bei den Preisen von Produkten und vorgestellten Produkten, und Demo bei den Summen von Produkt-Bundles
Demo images in der Bildergalerie und Demo list beim Werkstattfinder
Drawer öffnet die Warenkorb-Seitenleiste, wenn ein Kunde ein Produkt hinzufügt; Page führt ihn zur Warenkorbseite. Die Warenkorbseite bleibt in beiden Fällen erreichbar.
Favicon
Einstellung
Funktion
Favicon image
Empfohlen: .png mit 32 x 32px. Erscheint im Browser-Tab.
Social media
Geben Sie für jedes Konto die vollständige URL ein, zum Beispiel https://instagram.com/shopify. Lassen Sie ein Feld leer, um das zugehörige Symbol auszublenden.
Instagram
YouTube
Facebook
X
TikTok
Der Footer und die Passwortseite zeigen diese Symbole, wenn dort die Einstellung Show social media icons aktiviert ist.
Kommen Sie mit Keld nicht weiter? Kontaktieren Sie den Support mit der URL Ihres Shops und der Seite, auf der es passiert.
