Theme-Einstellungen
Du kannst unter Verwendung von Theme-Einstellungen Änderungen an der Typografie, den Farben, den Social-Media-Links und der Warenkorbseite für deinen Onlineshop vornehmen. Wenn du Änderungen an deinen Theme-Einstellungen vornimmst, gelten die Änderungen für deinen gesamten Onlineshop.
Auf dieser Seite
- Logo
- Farben
- Typografie
- Layout
- Animationen
- Ränder und Schatten
- Schaltflächen
- Varianten-Kapseln
- Eingaben
- Karten
- Inhalts-Container
- Medien
- Dropdown-Listen und Pop-ups
- Einschübe
- Badges
- Markeninformationen
- Social Media
- Suchverhalten
- Währungsformat
- Warenkorb
- Benutzerdefiniertes CSS
- Theme-Design
- Änderungen rückgängig machen und wiederholen
Logo
Du kannst ein Logo für dein Unternehmen zu deinem Onlineshop hinzufügen. Dein Logo wird an den folgenden Stellen angezeigt:
- dein Header auf allen Seiten
- deine Passwortseite
Dein Logo anpassen
Logobilder haben eine maximale Breite von 300 Pixel.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Logo.
- Füge im Bereich Logo dein Bild hinzu oder verwende ein kostenloses Bild:
- Um dein Bild hinzuzufügen, klicke auf Bild auswählen und füge dann ein neues oder vorhandenes Bild hinzu:
- Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf das Bild und dann auf Fertig.
- Um ein Bild von deinem lokalen Computer zu verwenden, klicke auf Bilder hinzufügen. Wähle ein Bild aus und füge es hinzu und klicke dann auf Fertig.
- Um dein Bild hinzuzufügen, klicke auf Bild auswählen und füge dann ein neues oder vorhandenes Bild hinzu:
- Um ein kostenloses Bild zu verwenden, klicke auf Kostenlose Bilder entdecken. Suche ein Bild, klicke auf das Bild, um es auszuwählen, und klicke dann auf Auswählen.
-
Optional: Füge deinem Logobild Alt-Text hinzu:
- Klicke im Bereich Logo auf Bearbeiten.
- Gib im Feld Alt-Text eine kurze Beschreibung des Bildes ein.
- Klicke auf Speichern.
Optional: Verwende den Schieberegler im Bereich Desktop-Logobreite, um die Breite der Logo-Pixel anzupassen.
Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Logo.
- Füge im Bereich Logo dein Bild hinzu oder verwende ein kostenloses Bild:
- Um dein Bild hinzuzufügen, tippe auf Bild auswählen und füge dann ein neues oder bestehendes Bild hinzu:
- Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, wähle das Bild aus und tippe dann auf Fertig.
- Um ein Bild von deinem lokalen Gerät zu verwenden, tippe auf Bilder hinzufügen. Wähle ein Bild von deinem lokalen Gerät aus und füge es hinzu, tippe auf das Bild, um es auszuwählen, und tippe dann auf Fertig.
- Um dein Bild hinzuzufügen, tippe auf Bild auswählen und füge dann ein neues oder bestehendes Bild hinzu:
- Um ein kostenloses Bild zu verwenden, tippe auf Kostenlose Bilder entdecken. Suche ein Bild, tippe auf das Bild, um es auszuwählen, und tippe dann auf Fertig.
-
Optional: Füge deinem Logobild Alt-Text hinzu:
- Tippe im Bereich Logo auf Bearbeiten.
- Gib im Feld Alt-Text eine kurze Beschreibung des Bildes ein.
- Tippe auf Speichern.
Optional: Verwende den Schieberegler im Bereich Desktop-Logobreite, um die Breite der Logo-Pixel anzupassen.
Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Logo.
- Füge im Bereich Logo dein Bild hinzu oder verwende ein kostenloses Bild:
- Um dein Bild hinzuzufügen, tippe auf Bild auswählen und füge dann ein neues oder bestehendes Bild hinzu:
- Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, wähle das Bild aus und tippe dann auf Fertig.
- Um ein Bild von deinem lokalen Gerät zu verwenden, tippe auf Bilder hinzufügen. Wähle ein Bild von deinem lokalen Gerät aus und füge es hinzu, tippe auf das Bild, um es auszuwählen, und tippe dann auf Fertig.
- Um dein Bild hinzuzufügen, tippe auf Bild auswählen und füge dann ein neues oder bestehendes Bild hinzu:
- Um ein kostenloses Bild zu verwenden, tippe auf Kostenlose Bilder entdecken. Suche ein Bild, tippe auf das Bild, um es auszuwählen, und tippe dann auf Fertig.
-
Optional: Füge deinem Logobild Alt-Text hinzu:
- Tippe im Bereich Logo auf Bearbeiten.
- Gib im Feld Alt-Text eine kurze Beschreibung des Bildes ein.
- Tippe auf Speichern.
Optional: Verwende den Schieberegler im Bereich Desktop-Logobreite, um die Breite der Logo-Pixel anzupassen.
Tippe auf ✓.
Hinzufügen eines Favicon
Du kannst ein Favoritensymbol oder Favicon hinzufügen, das dir beim Branding deines Onlineshops helfen kann. Ein Favicon wird an den folgenden Stellen angezeigt:
- im Tab deines Webbrowsers
- im Verlauf deines Webbrowsers
- Symbole auf deinem Desktop
- neben dem Namen deines Onlineshops, wenn deine Website zu den Lesezeichen hinzugefügt wird
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, bei dem du ein Favicon hinzufügen möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke abhängig von deiner Theme-Version auf Logo oder Favicon.
-
Klicke im Abschnitt Favicon-Bild auf Bild auswählen und füge dann ein neues oder vorhandenes Bild hinzu:
- Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, kannst du nach dem Bild suchen und es dann über das Kontrollkästchen auswählen.
- Um ein Bild von deinem lokalen Computer auszuwählen, klicke auf Bilder hinzufügen, öffne das Bild von deinem lokalen Computer aus und wähle es anschließend über das Kontrollkästchen aus.
Klicke auf Fertig.
-
Optional: Füge Alt-Text zu deinem Favicon-Bild hinzu:
- Klicke im Abschnitt Favicon-Bild auf Bearbeiten.
- Gib im Feld Alt-Text eine kurze Beschreibung des Bildes ein.
- Klicke auf Speichern.
Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, bei dem du ein Favicon hinzufügen möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe abhängig von deiner Theme-Version auf Logo oder Favicon.
-
Tippe im Abschnitt Favicon-Bild auf Bild auswählen und füge dann ein neues oder bestehendes Bild hinzu:
- Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, kannst du nach dem Bild suchen und es dann über das Kontrollkästchen auswählen.
- Um ein Bild von deinem lokalen Gerät auszuwählen, tippe auf Bilder hinzufügen, öffne das Bild von deinem lokalen Gerät aus und wähle es anschließend über das Kontrollkästchen aus.
Tippe auf Fertig.
-
Füge Alt-Text zu deinem Favicon-Bild hinzu:
- Tippe im Abschnitt Favicon-Bild auf Bearbeiten.
- Gib im Feld Alt-Text eine kurze Beschreibung des Bildes ein.
- Tippe auf Speichern.
Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, bei dem du ein Favicon hinzufügen möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe abhängig von deiner Theme-Version auf Logo oder Favicon.
-
Tippe im Abschnitt Favicon-Bild auf Bild auswählen und füge dann ein neues oder bestehendes Bild hinzu:
- Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, kannst du nach dem Bild suchen und es dann über das Kontrollkästchen auswählen.
- Um ein Bild von deinem lokalen Gerät auszuwählen, tippe auf Bilder hinzufügen, öffne das Bild von deinem lokalen Gerät aus und wähle es anschließend über das Kontrollkästchen aus.
Tippe auf Fertig.
-
Füge Alt-Text zu deinem Favicon-Bild hinzu:
- Tippe im Abschnitt Favicon-Bild auf Bearbeiten.
- Gib im Feld Alt-Text eine kurze Beschreibung des Bildes ein.
- Tippe auf Speichern.
Tippe auf ✓.
Farben
Du kannst bis zu 21 einzigartige Farbschemas erstellen und anpassen und sie auf verschiedene Abschnitte in deinem Onlineshop anwenden. Mehr Informationen über Farboptionen, Farbschemas und Farbverläufe.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen
- Klicke auf Farben.
- Klicke im Abschnitt Schemas auf ein vorhandenes Schema oder klicke auf Schema hinzufügen, um ein neues Farbschema hinzuzufügen.
-
Um das Farbschema zu bearbeiten, klicke auf das Farbfeld, um die Farben der folgenden Inhaltstypen zu ändern:
- Hintergrund
- Hintergrundfarbverlauf
- Text
- Hintergrund für durchgehende Schaltfläche
- Beschriftung für durchgehende Schaltfläche
- Umriss-Schaltfläche
- Schatten
Gib einen hexadezimalen Farbcode ein oder wähle eine Farbe in der Farbauswahl aus, um eine Farbe festzulegen. Lösche den Hex-Farbcodewert aus dem Textfeld, um die Farbe als transparent festzulegen.
Klicke auf Speichern.
Tippe in der Shopify-App auf die Schaltfläche ....
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Alle Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
Tippe auf ⋮ und dann auf Theme-Einstellungen.
Tippe auf Farben.
Tippe im Abschnitt Schemas auf ein vorhandenes Schema oder tippe auf Schema hinzufügen, um ein neues Farbschema hinzuzufügen.
-
Um das Farbschema zu bearbeiten, tippe auf das Farbfeld, um die folgenden Inhaltstypfarben zu ändern:
- Hintergrund
- Hintergrundfarbverlauf
- Text
- Hintergrund für durchgehende Schaltfläche
- Beschriftung für durchgehende Schaltfläche
- Umriss-Schaltfläche
- Schatten
Gib einen hexadezimalen Farbcode ein oder wähle eine Farbe in der Farbauswahl aus, um eine Farbe festzulegen. Lösche den Hex-Farbcodewert aus dem Textfeld, um die Farbe als transparent festzulegen.
Tippe auf Fertig.
Tippe auf Speichern.
Tippe in der Shopify-App auf die Schaltfläche ☰.
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Alle Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
Tippe auf ... und dann auf Theme-Einstellungen.
Tippe auf Farben.
Tippe im Abschnitt Schemas auf ein vorhandenes Schema oder tippe auf Schema hinzufügen, um ein neues Farbschema hinzuzufügen.
-
Um das Farbschema zu bearbeiten, tippe auf das Farbfeld, um die folgenden Inhaltstypfarben zu ändern:
- Hintergrund
- Hintergrundfarbverlauf
- Text
- Hintergrund für durchgehende Schaltfläche
- Beschriftung für durchgehende Schaltfläche
- Umriss-Schaltfläche
- Schatten
Gib einen hexadezimalen Farbcode ein oder wähle eine Farbe in der Farbauswahl aus, um eine Farbe festzulegen. Lösche den Hex-Farbcodewert aus dem Textfeld, um die Farbe als transparent festzulegen.
Tippe auf Fertig.
Tippe auf ✓.
Typografie
Du kannst die Schriftart und Schriftgröße für Texte in deinem Onlineshop festlegen. Du kannst eine Systemschriftart oder eine benutzerdefinierte Schriftart auswählen.
Du solltest in Erwägung ziehen,Systemschriftarten in deinem Shop zu verwenden, da Systemschriftarten bereits auf dem Computer eines Benutzers installiert sind. Die Verwendung von Systemschriftarten verhindert, dass neue Schriftarten auf den Computer deines Kunden heruntergeladen werden, was sich negativ auf die Ladegeschwindigkeit deines Shops auswirken kann. Die Schriftart, die auf dem Computer deines Kunden angezeigt wird, hängt von dessen Betriebssystem ab.
Schriftarten anpassen
Eine Liste der verfügbaren Schriftarten findest du in der Schriftartenbibliothek von Shopify.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Typografie.
- Um eine Schriftart für die Überschriften oder den Fließtext deines Shops zu ändern, klicke im Abschnitt Überschriften oder Fließtext auf Ändern.
- Klicke auf den Namen der Schriftart, die du verwenden möchtest, und klicke dann auf Auswählen.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Typografie.
- Um die Schriftart der Überschrift oder des Textes deines Shops zu ändern, tippe auf Ändern im Abschnitt Überschriften oder Fließtext.
- Tippe auf den Namen der Schriftart, die du verwenden möchtest, und tippe anschließend auf Fertig.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Typografie.
- Um die Schriftart der Überschrift oder des Textes deines Shops zu ändern, tippe auf Ändern im Abschnitt Überschriften oder Fließtext.
- Tippe auf den Namen der Schriftart, die du verwenden möchtest, und tippe anschließend auf Fertig.
- Tippe auf ✓.
Schriftgrößen anpassen
Du kannst die Standardschriftgröße für deine Überschriften und Fließtext in der Theme-Einstellung "Typografie" festlegen.
Die Mindestschriftgröße ist 100 %, die maximale Schriftgröße ist 150 %. Mit jedem Schritt auf der Skala wird die Schriftgröße um 5 % erhöht. Die Standardeinstellung ist 100 %.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Typografie.
- Um die Standardschriftgröße für Überschriften zu ändern, verwende den Schieberegler für die Schriftgröße, um die Standardschriftgröße auszuwählen.
- Um die Standardschriftgröße für Fließtext zu ändern, verwende den Schieberegler Schriftgrößenmaßstab, um die Standardschriftgröße auszuwählen.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Typografie.
- Um die Standardschriftgröße für Überschriften zu ändern, verwende den Schieberegler für die Schriftgröße, um die Standardschriftgröße auszuwählen.
- Um die Standardschriftgröße für Fließtext zu ändern, verwende den Schieberegler Schriftgrößenmaßstab, um die Standardschriftgröße auszuwählen.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Typografie.
- Um die Standardschriftgröße für Überschriften zu ändern, verwende den Schieberegler für die Schriftgröße, um die Standardschriftgröße auszuwählen.
- Um die Standardschriftgröße für Fließtext zu ändern, verwende den Schieberegler Schriftgrößenmaßstab, um die Standardschriftgröße auszuwählen.
- Tippe auf ✓.
Layout
Du kannst die maximale Breite festlegen, in der dein Onlineshop angezeigt werden soll, und den vertikalen und horizontalen Abstand zwischen Abschnitten einstellen.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Layout.
- Verwende den Schieberegler für die Seitenbreite , um eine Seitenbreite zwischen 1000 und 1600 px auszuwählen. Die Standardeinstellung ist 1600 px.
- Optional: Verwende den Schieberegler, um vertikalen Platz zwischen Vorlagenabschnitten auf deinen Seiten hinzuzufügen. Du kannst zwischen Abschnitten maximal 100 px hinzufügen.
- Optional: Wenn du ein Rasterlayout hast, verwende die Schieberegler Horizontaler Abstand und Vertikaler Abstand, um auf deinen Seiten Abstand zwischen Rasterinhalten hinzuzufügen. Durch das Hinzufügen von horizontalem Abstand wird ein maximaler Abstand von 40 px zu den Inhaltszeilen auf deinen Seiten hinzugefügt. Durch das Hinzufügen von vertikalem Abstand dagegen wird ein maximaler Abstand von 40 px zu den Inhaltsspalten deiner Seiten hinzugefügt.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Layout.
- Verwende den Schieberegler für die Seitenbreite , um eine Seitenbreite zwischen 1000 und 1600 px auszuwählen. Die Standardeinstellung ist 1600 px.
- Optional: Verwende den Schieberegler, um vertikalen Platz zwischen Vorlagenabschnitten auf deinen Seiten hinzuzufügen. Du kannst zwischen Abschnitten maximal 100 px hinzufügen.
- Optional: Wenn du ein Rasterlayout hast, verwende die Schieberegler Horizontaler Abstand und Vertikaler Abstand, um auf deinen Seiten Abstand zwischen Rasterinhalten hinzuzufügen. Durch das Hinzufügen von horizontalem Abstand wird ein maximaler Abstand von 40 px zu den Inhaltszeilen auf deinen Seiten hinzugefügt. Durch das Hinzufügen von vertikalem Abstand dagegen wird ein maximaler Abstand von 40 px zu den Inhaltsspalten deiner Seiten hinzugefügt.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Layout.
- Verwende den Schieberegler für die Seitenbreite , um eine Seitenbreite zwischen 1000 und 1600 px auszuwählen. Die Standardeinstellung ist 1600 px.
- Optional: Verwende den Schieberegler, um vertikalen Platz zwischen Vorlagenabschnitten auf deinen Seiten hinzuzufügen. Du kannst zwischen Abschnitten maximal 100 px hinzufügen.
- Optional: Wenn du ein Rasterlayout hast, verwende die Schieberegler Horizontaler Abstand und Vertikaler Abstand, um auf deinen Seiten Abstand zwischen Rasterinhalten hinzuzufügen. Durch das Hinzufügen von horizontalem Abstand wird ein maximaler Abstand von 40 px zu den Inhaltszeilen auf deinen Seiten hinzugefügt. Durch das Hinzufügen von vertikalem Abstand dagegen wird ein maximaler Abstand von 40 px zu den Inhaltsspalten deiner Seiten hinzugefügt.
- Tippe auf ✓.
Animationen
Mit Animationen kannst du deinem Onlineshop Bewegung und interessante visuelle Aspekte hinzufügen. Du kannst eine Einblendungs-Animation aktivieren, die die Abschnitte deines Shops erst beim Scrollen anzeigt, oder einen Hover-Effekt auf deine Karten und Schaltflächen anwenden.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Animationen.
- Optional: Um eine Animation zu aktivieren, die die Abschnitte deines Onlineshops erst beim Scrollen anzeigt, wähle Beim Scrollen Abschnitte einblenden aus.
-
Optional: Um eine Hover-Effekt-Animation zu deinen Karten und Schaltflächen hinzuzufügen, wähle eine der folgenden Optionen aus der Einstellung Hover-Effekt aus.
- Vertikal-Lift: Wenn ein Kunde mit der Maus über eine Karte oder eine Schaltfläche fährt, wird das Element nach oben verschoben.
- 3D-Lift: Wenn ein Kunde mit der Maus über eine Karte oder eine Schaltfläche fährt, wird das Element nach vorne verschoben und bekommt so einen 3D-Effekt. Der Effekt enthält auch einen dezenten Glanz, der über das Element hinweg bewegt wird, was dem Element eine weitere Dimension verleiht.
Klicke auf Speichern.
Tippe in der Shopify-App auf die Schaltfläche ....
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Alle Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
Tippe auf ⋮ und dann auf Theme-Einstellungen.
Tippe auf Animationen.
Optional: Um eine Animation zu aktivieren, die die Abschnitte deines Onlineshops erst beim Scrollen anzeigt, wähle Beim Scrollen Abschnitte einblenden aus.
-
Optional: Um eine Hover-Effekt-Animation zu deinen Karten und Schaltflächen hinzuzufügen, wähle eine der folgenden Optionen aus der Einstellung Hover-Effekt aus.
- Vertikal-Lift: Wenn ein Kunde mit der Maus über eine Karte oder eine Schaltfläche fährt, wird das Element nach oben verschoben.
- 3D-Lift: Wenn ein Kunde mit der Maus über eine Karte oder eine Schaltfläche fährt, wird das Element nach vorne verschoben und bekommt so einen 3D-Effekt. Der Effekt enthält auch einen dezenten Glanz, der über das Element hinweg bewegt wird, was dem Element eine weitere Dimension verleiht.
Tippe auf Speichern.
Tippe in der Shopify-App auf die Schaltfläche ☰.
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Alle Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
Tippe auf ... und dann auf Theme-Einstellungen.
Tippe auf Animationen.
Optional: Um eine Animation zu aktivieren, die die Abschnitte deines Onlineshops erst beim Scrollen anzeigt, wähle Beim Scrollen Abschnitte einblenden aus.
-
Optional: Um eine Hover-Effekt-Animation zu deinen Karten und Schaltflächen hinzuzufügen, wähle eine der folgenden Optionen aus der Einstellung Hover-Effekt aus.
- Vertikal-Lift: Wenn ein Kunde mit der Maus über eine Karte oder eine Schaltfläche fährt, wird das Element nach oben verschoben.
- 3D-Lift: Wenn ein Kunde mit der Maus über eine Karte oder eine Schaltfläche fährt, wird das Element nach vorne verschoben und bekommt so einen 3D-Effekt. Der Effekt enthält auch einen dezenten Glanz, der über das Element hinweg bewegt wird, was dem Element eine weitere Dimension verleiht.
Tippe auf ✓.
Ränder und Schatten
Du kannst die Ränder und Schatten einiger interaktiver Inhaltstypen wie von Einschüben, Schaltflächen, Varianten-Kapseln oder Mengeneingaben des Produkts anpassen.
Anpassbare Optionen für Ränder sind:
- Dicke, wodurch der Umriss des Artikels geändert wird.
- Opazität, wodurch die Sichtbarkeit des Artikelumrisses bestimmt wird.
- Eckenradius, der die Ecken deiner Artikel abrundet.
Anpassbare Optionen für Schatten sind:
- Deckkraft, wodurch die Sichtbarkeit des Artikelschattens geändert wird. Eine Schattendeckkraft von 0 % entfernt den Schatten des Artikels vollständig.
- Offset-Schieberegler Horizontal und Vertikal, die die Position des Schattens um den Artikel verschieben.
- Schieberegler Weichzeichnen, der die Opazität des Schattens des Artikels ändert.
Schaltflächen
Du kannst die Einstellungen für Call-to-Action-Schaltflächen in deinem Onlineshop anpassen, indem du Schatten hinzufügst, den Abstand oder die Deckkraft änderst und die Form deiner Schaltflächen anpasst.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Schaltflächen.
- Optional: Verwende den Schieberegler, um das Erscheinungsbild deiner Schaltfläche Rand zu ändern.
- Optional: Verwende den Schieberegler, um die Schaltfläche Schatten zu ändern. Wenn du die Opazität des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Schaltflächen.
- Optional: Verwende den Schieberegler, um das Erscheinungsbild deiner Schaltfläche Rand zu ändern.
- Optional: Verwende den Schieberegler, um die Schaltfläche Schatten zu ändern. Wenn du die Opazität des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Schaltflächen.
- Optional: Verwende den Schieberegler, um das Erscheinungsbild deiner Schaltfläche Rand zu ändern.
- Optional: Verwende den Schieberegler, um die Schaltfläche Schatten zu ändern. Wenn du die Opazität des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf ✓.
Varianten-Kapseln
Mit Varianten-Kapseln kannst du die Varianten eines Produkts auf einer Produktseite oder in einem Abschnitt mit einem vorgestellten Produkt anzeigen. Kunden können die gewünschte Variante auswählen, um das Produkt zu ihrem Warenkorb hinzuzufügen, ohne zu anderen Produktseiten wechseln zu müssen. Du kannst anpassen, wie deine Varianten-Kapseln in deinem Onlineshop angezeigt werden.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Varianten-Kapseln.
- Optional: Verwende den Schieberegler , um das Erscheinungsbild der Ränder deiner Varianten-Kapsel anzupassen.
- Optional: Verwende den Schieberegler, um den Schatten deiner Varianten-Kapsel anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Varianten-Kapseln.
- Optional: Verwende den Schieberegler , um das Erscheinungsbild der Ränder deiner Varianten-Kapsel anzupassen.
- Optional: Verwende den Schieberegler, um den Schatten deiner Varianten-Kapsel anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Varianten-Kapseln.
- Optional: Verwende den Schieberegler , um das Erscheinungsbild der Ränder deiner Varianten-Kapsel anzupassen.
- Optional: Verwende den Schieberegler, um den Schatten deiner Varianten-Kapsel anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf ✓.
Eingaben
Eingaben sind interaktive Bereiche, für die Kundeneingaben erforderlich sind, zum Beispiel eine Mengenauswahl, ein E-Mail-Anmeldeformular oder Warenkorbanmerkungen. Du kannst das Erscheinungsbild deiner Onlineshop-Eingaben anpassen.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Eingaben.
- Optional: Verwende den Schieberegler , um das Erscheinungsbild der Ränder deiner Eingaben anzupassen.
- Optional: Verwende den Schieberegler, um den Schatten deiner Eingaben anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Eingaben.
- Optional: Verwende den Schieberegler , um das Erscheinungsbild der Ränder deiner Eingaben anzupassen.
- Optional: Verwende den Schieberegler, um den Schatten deiner Eingaben anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Eingaben.
- Optional: Verwende den Schieberegler , um das Erscheinungsbild der Ränder deiner Eingaben anzupassen.
- Optional: Verwende den Schieberegler, um den Schatten deiner Eingaben anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf ✓.
Karten
Mit den Einstellungen für Produktkarten, Kollektionskarten und Blog-Karten kannst du den Stil jeder Kartenart anpassen, wenn sie in Seitenabschnitten angezeigt wird. Du kannst die Farbe, Ausrichtung, Bild-Padding, Ränder und Schatten dieser drei Arten von Abschnittskarten ändern.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Produktkarten, Kollektionskartenoder Blog-Karten.
- Um einen Kartenstil zu wählen, verwende die Option Stil.
- Optional: Verwende den Schieberegler Bild-Padding, um Abstand um deine Kartenbilder herum hinzuzufügen.
- Optional: Wähle für die Textausrichtung deiner Karten Links, Mitte (Standard) oder Rechts.
- Optional: Klicke im Abschnitt Farbschema auf Ändern, um ein Farbschema für deine Karten auszuwählen.
- Optional: Verwende den Schieberegler , um das Erscheinungsbild der Ränder deiner Karte anzupassen.
- Optional: Verwende den Schieberegler, um den Schatten deiner Karte anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Produktkarten, Kollektionskarten oder Blog-Karten.
- Um einen Kartenstil zu wählen, verwende die Option Stil.
- Optional: Verwende den Schieberegler Bild-Padding, um Abstand um deine Kartenbilder herum hinzuzufügen.
- Optional: Wähle für die Textausrichtung deiner Karten Links, Mitte (Standard) oder Rechts.
- Optional: Tippe im Abschnitt Farbschema auf Ändern. Wähle ein Farbschema für deine Karten aus und tippe anschließend auf Fertig.
- Optional: Verwende den Schieberegler , um das Erscheinungsbild der Ränder deiner Karte anzupassen.
- Optional: Verwende den Schieberegler, um den Schatten deiner Karte anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Produktkarten, Kollektionskarten oder Blog-Karten.
- Um einen Kartenstil zu wählen, verwende die Option Stil.
- Optional: Verwende den Schieberegler Bild-Padding, um Abstand um deine Kartenbilder herum hinzuzufügen.
- Optional: Wähle für die Textausrichtung deiner Karten Links, Mitte (Standard) oder Rechts.
- Optional: Tippe im Abschnitt Farbschema auf Ändern. Wähle ein Farbschema für deine Karten aus und tippe anschließend auf Fertig.
- Optional: Verwende den Schieberegler , um das Erscheinungsbild der Ränder deiner Karte anzupassen.
- Optional: Verwende den Schieberegler, um den Schatten deiner Karte anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf ✓.
Inhalts-Container
Container werden für Textelemente der Inhaltsabschnitte verwendet, z. B. das Textfeld in einer Slideshow, einem Bildbanner oder den Spalten in Abschnitten mit mehreren Spalten. Du kannst das Erscheinungsbild von Inhalts-Containern für deinen Onlineshop anpassen.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Inhalts-Container.
- Verwende den Schieberegler, um das Erscheinungsbild der Ränder deiner Inhalts-Container zu ändern.
- Verwende die Schieberegler ,um den Schatten deiner Inhalts-Container anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Inhalts-Container.
- Verwende den Schieberegler, um das Erscheinungsbild der Ränder deiner Inhalts-Container zu ändern.
- Verwende die Schieberegler ,um den Schatten deiner Inhalts-Container anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Inhalts-Container.
- Verwende den Schieberegler, um das Erscheinungsbild der Ränder deiner Inhalts-Container zu ändern.
- Verwende die Schieberegler ,um den Schatten deiner Inhalts-Container anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf ✓.
Medien
Medien sind die visuelle Komponente von Abschnitten, z. B. Produktmedien oder ein Bild im "Bild mit Text"-Abschnitt. Du kannst Ränder und Schatten zu deinen Medien hinzufügen.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Medien.
- Verwende den Schieberegler, um das Erscheinungsbild der Ränder deiner Medien zu ändern.
- Verwende den Schieberegler ,um den Schatten der Medien anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Medien.
- Verwende den Schieberegler, um das Erscheinungsbild der Ränder deiner Medien zu ändern.
- Verwende den Schieberegler ,um den Schatten der Medien anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Medien.
- Verwende den Schieberegler, um das Erscheinungsbild der Ränder deiner Medien zu ändern.
- Verwende den Schieberegler ,um den Schatten der Medien anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf ✓.
Dropdown-Listen und Pop-ups
Du kannst das Erscheinungsbild von Navigations-Dropdown-Listen, Pop-up-Modals und Warenkorb-Pop-Ups in deinem Onlineshop anpassen.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Dropdown-Listen und Pop-ups.
- Verwende den Schieberegler , um das Erscheinungsbild deiner Ränder anzupassen.
- Verwende den Schieberegler ,um den Schatten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Dropdown-Listen und Pop-ups.
- Verwende den Schieberegler , um das Erscheinungsbild deiner Ränder anzupassen.
- Verwende den Schieberegler ,um den Schatten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Dropdown-Listen und Pop-ups.
- Verwende den Schieberegler , um das Erscheinungsbild deiner Ränder anzupassen.
- Verwende den Schieberegler ,um den Schatten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf ✓.
Einschübe
Einschübe sind verborgene, interaktive Container, die eingeblendet werden, wenn darauf geklickt oder getippt wird, z. B. ein einklappbares Navigationsmenü oder Filteroptionen für Kollektionen. Du kannst den Rand und den Schatten der Einschübe in deinem Onlineshop anpassen.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Einschübe.
- Verwende den Schieberegler , um das Erscheinungsbild der Ränder deines Einschubs anzupassen.
- Verwende den Schieberegler ,um den Schatten deines Einschubs anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Einschübe.
- Verwende den Schieberegler , um das Erscheinungsbild der Ränder deines Einschubs anzupassen.
- Verwende den Schieberegler ,um den Schatten deines Einschubs anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Einschübe.
- Verwende den Schieberegler , um das Erscheinungsbild der Ränder deines Einschubs anzupassen.
- Verwende den Schieberegler ,um den Schatten deines Einschubs anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
- Tippe auf ✓.
Badges
Die Badges Sale und Ausverkauft werden automatisch zu deinen Produktbildern hinzugefügt, wenn du den Preis reduzierst oder wenn die Inventaranzahl 0 erreicht. Du kannst die Position, Form und Farbe deiner Badges Sale und Ausverkauft anpassen.
Die Badges Seite und Blog werden in relevanten Suchergebnissen angezeigt. Du kannst die Position und Form dieser Badges anpassen. Die Farbe der Badges Seite und Blog kannst du jedoch nicht ändern.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Badges.
- Um die Position deines Badges auszuwählen, klicke auf das Dropdown-Menü Position auf Karten und dann auf Unten links, Unten rechts, Oben links oder Oben rechts.
- Optional: Verwende den Schieberegler Eckradius, um gerundete Ecken zu deinen Badges hinzuzufügen. Wenn du den Eckradius auf 0 px setzt, werden quadratische Badge-Kanten erzeugt. Das Erhöhen des Radius führt zu gerundeteren Kanten des Badges.
- Optional: Um ein Farbschema auszuwählen, klicke auf Ändern für das Farbschema für Sale-Badges oder das Farbschema für Ausverkauft-Badges und dann auf das gewünschte Farbschema.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Badges.
- Um die Position deines Badges auszuwählen, tippe auf das Dropdown-Menü Position auf Karten und dann auf Unten links, Unten rechts, Oben links oder Oben rechts.
- Optional: Verwende den Schieberegler Eckradius, um gerundete Ecken zu deinen Badges hinzuzufügen. Wenn du den Eckradius auf 0 px setzt, werden quadratische Badge-Kanten erzeugt. Das Erhöhen des Radius führt zu gerundeteren Kanten des Badges.
- Optional: Um ein Farbschema auszuwählen, tippe auf Ändern für das Farbschema für Sale-Badges oder das Farbschema für Ausverkauft-Badges. Wähle ein Farbschema für deine Badges aus und tippe anschließend auf Fertig.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Badges.
- Um die Position deines Badges auszuwählen, tippe auf das Dropdown-Menü Position auf Karten und dann auf Unten links, Unten rechts, Oben links oder Oben rechts.
- Optional: Verwende den Schieberegler Eckradius, um gerundete Ecken zu deinen Badges hinzuzufügen. Wenn du den Eckradius auf 0 px setzt, werden quadratische Badge-Kanten erzeugt. Das Erhöhen des Radius führt zu gerundeteren Kanten des Badges.
- Optional: Um ein Farbschema auszuwählen, tippe auf Ändern für das Farbschema für Sale-Badges oder das Farbschema für Ausverkauft-Badges. Wähle ein Farbschema für deine Badges aus und tippe anschließend auf Fertig.
- Tippe auf ✓.
Markeninformationen
Du kannst in deinem Onlineshop Informationen über deine Marke hinzufügen. Wenn du die folgenden Schritte abgeschlossen hast, kannst du den Block Markeninformationen in der Fußzeile deines Onlineshops hinzufügen.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Markeninformationen.
- Optional: Gib eine Überschrift zu deiner Marke oder deinem Unternehmen ein.
- Optional: Gib eine Beschreibung zu deiner Marke oder deinem Unternehmen ein.
- Optional: Füge im Bereich Bild dein Bild hinzu oder verwende ein kostenloses Bild:
- Um dein Bild hinzuzufügen, klicke auf Bild auswählen und füge dann ein neues oder vorhandenes Bild hinzu:
- Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf das Bild und dann auf Fertig.
- Um ein Bild von deinem lokalen Computer zu verwenden, klicke auf Bilder hinzufügen. Wähle ein Bild aus und füge es hinzu und klicke dann auf Fertig.
- Um dein Bild hinzuzufügen, klicke auf Bild auswählen und füge dann ein neues oder vorhandenes Bild hinzu:
- Um ein kostenloses Bild zu verwenden, klicke auf Kostenlose Bilder entdecken. Suche ein Bild, klicke auf das Bild, um es auszuwählen, und klicke dann auf Auswählen.
- Optional: Bewege im Bereich Bildbreite den Schieberegler auf die gewünschte Pixelbreite.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Markeninformationen.
- Optional: Gib eine Überschrift zu deiner Marke oder deinem Unternehmen ein.
- Optional: Gib eine Beschreibung zu deiner Marke oder deinem Unternehmen ein.
- Optional: Füge im Bereich Bild dein Bild hinzu oder verwende ein kostenloses Bild:
- Um dein Bild hinzuzufügen, tippe auf Bild auswählen und füge dann ein neues oder bestehendes Bild hinzu:
- Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, wähle das Bild aus und tippe dann auf Fertig.
- Um ein Bild von deinem lokalen Gerät zu verwenden, tippe auf Bilder hinzufügen. Wähle ein Bild von deinem lokalen Gerät aus und füge es hinzu, tippe auf das Bild, um es auszuwählen, und tippe dann auf Fertig.
- Um dein Bild hinzuzufügen, tippe auf Bild auswählen und füge dann ein neues oder bestehendes Bild hinzu:
- Um ein kostenloses Bild zu verwenden, tippe auf Kostenlose Bilder entdecken. Suche ein Bild, tippe auf das Bild, um es auszuwählen, und tippe dann auf Fertig.
- Optional: Bewege im Bereich Bildbreite den Schieberegler auf die gewünschte Pixelbreite.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Markeninformationen.
- Optional: Gib eine Überschrift zu deiner Marke oder deinem Unternehmen ein.
- Optional: Gib eine Beschreibung zu deiner Marke oder deinem Unternehmen ein.
- Optional: Füge im Bereich Bild dein Bild hinzu oder verwende ein kostenloses Bild:
- Um dein Bild hinzuzufügen, tippe auf Bild auswählen und füge dann ein neues oder bestehendes Bild hinzu:
- Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, wähle das Bild aus und tippe dann auf Fertig.
- Um ein Bild von deinem lokalen Gerät zu verwenden, tippe auf Bilder hinzufügen. Wähle ein Bild von deinem lokalen Gerät aus und füge es hinzu, tippe auf das Bild, um es auszuwählen, und tippe dann auf Fertig.
- Um dein Bild hinzuzufügen, tippe auf Bild auswählen und füge dann ein neues oder bestehendes Bild hinzu:
- Um ein kostenloses Bild zu verwenden, tippe auf Kostenlose Bilder entdecken. Suche ein Bild, tippe auf das Bild, um es auszuwählen, und tippe dann auf Fertig.
- Optional: Bewege im Bereich Bildbreite den Schieberegler auf die gewünschte Pixelbreite.
- Tippe auf ✓.
Social Media
Du kannst Links zu deinen Social-Media-Konten hinzufügen, die in der Fußzeile deines Onlineshops angezeigt werden.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Social Media.
- Um Links zu deinen Social-Media-Konten hinzuzufügen, gib die Website-Adressen für deine Konten in die entsprechenden Felder Social-Media-Konten ein. Du musst vollständige Links eingeben, z. B. https://instagram.com/shopify oder https://tiktok.com/@shopify.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Social Media.
- Um Links zu deinen Social-Media-Konten hinzuzufügen, gib die Website-Adressen für deine Konten in die entsprechenden Felder Social-Media-Konten ein. Du musst vollständige Links eingeben, z. B. https://instagram.com/shopify oder https://tiktok.com/@shopify.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Social Media.
- Um Links zu deinen Social-Media-Konten hinzuzufügen, gib die Website-Adressen für deine Konten in die entsprechenden Felder Social-Media-Konten ein. Du musst vollständige Links eingeben, z. B. https://instagram.com/shopify oder https://tiktok.com/@shopify.
- Tippe auf ✓.
Suchverhalten
Dein Onlineshop enthält eine Suchfunktion mit Vorauswahl, die Vorschläge anzeigt, wenn Kunden mit der Eingabe in das Suchfeld beginnen. Suchvorschläge können Kunden dabei helfen, ihre Suchanfragen zu formulieren und anzupassen, und ihnen neue Möglichkeiten zur Entdeckung deines Onlineshops bieten. Kunden können mit Suchvorschlägen auch schnell nach Ergebnissen suchen, ohne dass sie ihre aktuelle Seite verlassen müssen, um eine separate Liste der Suchergebnisse anzuzeigen.
Mehr Informationen darüber, wie Suchvorschläge funktionieren, findest du unter Suche mit Vorauswahl.
Du kannst anpassen, wie deinen Kunden Suchvorschläge angezeigt werden.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Suchverhalten.
- Um Suchvorschläge zu aktivieren oder zu deaktivieren, wähle die Option Suchvorschläge aktivieren oder deaktivieren.
- Optional: Um den Produktanbieter in Suchvorschlägen anzuzeigen oder auszublenden, wähle oder deaktiviere Produktanbieter anzeigen.
- Optional: Um den Produktpreis in den Suchvorschlägen ein- oder auszublenden, wähle oder deaktiviere die Option Produktpreis anzeigen.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Suchverhalten.
- Um Suchvorschläge zu aktivieren oder zu deaktivieren, wähle die Option Suchvorschläge aktivieren oder deaktivieren.
- Optional: Um den Produktanbieter in Suchvorschlägen anzuzeigen oder auszublenden, wähle oder deaktiviere Produktanbieter anzeigen.
- Optional: Um den Produktpreis in den Suchvorschlägen ein- oder auszublenden, wähle oder deaktiviere die Option Produktpreis anzeigen.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Suchverhalten.
- Um Suchvorschläge zu aktivieren oder zu deaktivieren, wähle die Option Suchvorschläge aktivieren oder deaktivieren.
- Optional: Um den Produktanbieter in Suchvorschlägen anzuzeigen oder auszublenden, wähle oder deaktiviere Produktanbieter anzeigen.
- Optional: Um den Produktpreis in den Suchvorschlägen ein- oder auszublenden, wähle oder deaktiviere die Option Produktpreis anzeigen.
- Tippe auf ✓.
Währungsformat
Du kannst festlegen, dass der Währungscode zusammen mit den Preisen auf deinen Produkten angezeigt wird.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Währungsformat.
- Wähle Währungscodes anzeigen aus, um Währungscodes anzuzeigen.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Währungsformat.
- Wähle Währungscodes anzeigen aus, um Währungscodes anzuzeigen.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Währungsformat.
- Wähle Währungscodes anzeigen aus, um Währungscodes anzuzeigen.
- Tippe auf ✓.
Warenkorb
Du kannst den Stil des Warenkorbs in deinem Onlineshop ändern. Wenn ein Kunde ein Produkt aus deinem Shop zum Warenkorb hinzufügt, kann der Warenkorb als Einschub, eine Seite oder eine Popup-Benachrichtigung angezeigt werden. Um den Kunden auf der Produktseite zu halten, benutze die Option "Einschub" oder "Pop-up-Benachrichtigung". Um den Kunden zur Warenkorbseite zu bringen, verwende die Seitenoption. Wenn der Warenkorb des Kunden leer ist, kannst du im Warenkorbeinschub eine vorgestellte Kollektion einblenden.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Warenkorb.
- Verwende das Dropdown-Menü Warenkorbtyp, um die Warenkorbart Einschub, Seite oder Pop-up-Benachrichtigung auszuwählen.
- Optional: Um die Anbieter der Artikel im Warenkorb eines Kunden anzuzeigen, wähle Anbieter anzeigen.
- Optional: Um Kunden ein Textfeld zur Verfügung zu stellen, in dem sie Sonderwünsche eingeben oder zusätzliche Bestellinformationen hinzufügen können, wähle Warenkorbanmerkung aktivieren.
-
Optional: Wenn du Einschub als Warenkorbtyp auswählst ,kannst du eine Kollektion im Warenkorbeinschub anzeigen, wenn er leer ist:
- Klicke im Bereich Warenkorbeinschub auf Kollektion auswählen.
- Klicke auf den Namen der Kollektion, die du anzeigen möchtest, und klicke dann auf Auswählen.
-
Optional: Wenn du Einschub als Warenkorbtyp auswählst , kannst du das Farbschema deines Warenkorbeinschubs ändern, indem du die folgenden Schritte befolgst:
- Klicke auf Ändern im Warenkorbeinschub > Bereich Farbschema.
- Wähle ein Farbschema aus, das du für deinen Warenkorbeinschub verwenden möchtest.
Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Warenkorb.
- Wähle deinen Warenkorbtyp aus den Optionen Einschub, Seite oder Pop-up-Benachrichtigung.
- Optional: Um die Anbieter der Artikel im Warenkorb eines Kunden anzuzeigen, wähle Anbieter anzeigen.
- Optional: Um Kunden ein Textfeld zur Verfügung zu stellen, in dem sie Sonderwünsche eingeben oder zusätzliche Bestellinformationen hinzufügen können, wähle Warenkorbanmerkung aktivieren.
-
Optional: Wenn du Einschub als Warenkorbtyp auswählst ,kannst du eine Kollektion im Warenkorbeinschub anzeigen, wenn er leer ist:
- Tippe auf Kollektion auswählen im Bereich Warenkorbeinschub.
- Tippe auf den Namen der Kollektion, die du anzeigen möchtest, und tippe anschließend auf Fertig.
-
Optional: Wenn du Einschub als Warenkorbtyp auswählst , kannst du das Farbschema deines Warenkorbeinschubs ändern, indem du die folgenden Schritte befolgst:
- Tippe im Bereich Warenkorbeinschub > Farbschema auf Ändern.
- Wähle ein Farbschema aus, das du für deinen Warenkorbeinschub verwenden möchtest, und tippe dann auf Fertig.
Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Warenkorb.
- Wähle deinen Warenkorbtyp aus den Optionen Einschub, Seite oder Pop-up-Benachrichtigung.
- Optional: Um die Anbieter der Artikel im Warenkorb eines Kunden anzuzeigen, wähle Anbieter anzeigen.
- Optional: Um Kunden ein Textfeld zur Verfügung zu stellen, in dem sie Sonderwünsche eingeben oder zusätzliche Bestellinformationen hinzufügen können, wähle Warenkorbanmerkung aktivieren.
-
Optional: Wenn du Einschub als Warenkorbtyp auswählst ,kannst du eine Kollektion im Warenkorbeinschub anzeigen, wenn er leer ist:
- Tippe auf Kollektion auswählen im Bereich Warenkorbeinschub.
- Tippe auf den Namen der Kollektion, die du anzeigen möchtest, und tippe anschließend auf Fertig.
-
Optional: Wenn du Einschub als Warenkorbtyp auswählst , kannst du das Farbschema deines Warenkorbeinschubs ändern, indem du die folgenden Schritte befolgst:
- Tippe im Bereich Warenkorbeinschub > Farbschema auf Ändern.
- Wähle ein Farbschema aus, das du für deinen Warenkorbeinschub verwenden möchtest, und tippe dann auf Fertig.
Tippe auf ✓.
Benutzerdefiniertes CSS
Im Abschnitt Benutzerdefiniertes CSS kannst du deinen eigenen CSS-Code eingeben, um beispielsweise das Erscheinungsbild der Schaltflächen deines Onlineshops über die verfügbaren Standardeinstellungen hinaus anzupassen oder ein eindeutiges Styling auf bestimmte Textelemente anzuwenden.
Benutzerdefiniertes CSS in deinen Theme-Einstellungen wirkt sich auf alle Seiten in deinem Onlineshop aus, mit Ausnahme deines Checkouts.
Mehr Informationen über Hinzufügen von benutzerdefiniertem CSS zu deinem Theme.
Theme-Design
Ein Theme-Stil ist eine Sammlung von Einstellungen, die vom Theme-Designer ausgewählt wurden. Du kannst einen Theme-Stil auf deinen Shop anwenden, um dessen Erscheinungsbild aufzupolieren. Für alle Themes wird standardmäßig ein Theme-Stil verwendet. Deine weiteren Optionen für Theme-Stile hängen davon ab, welches Theme du verwendest.
Wenn du ein Theme anpasst, ersetzt du die Theme-Stil-Einstellungen durch deine eigenen. Wenn du einen Theme-Stil auf dein Theme anwendest, kannst du deine aktuellen Einstellungen, wie z. B. Farben und Typografie, ändern.
Schritte:
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Klicke auf das Zahnradsymbol Theme-Einstellungen.
- Klicke auf Theme-Stil.
- Wähle den Theme-Stil aus, den du verwenden möchtest und klicke dann auf Stil ändern.
- Klicke auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ⋮ und dann auf Theme-Einstellungen.
- Tippe auf Theme-Stil.
- Wähle den Theme-Stil aus, den du verwenden möchtest, und tippe dann auf Fertig.
- Tippe auf Speichern.
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf ... und dann auf Theme-Einstellungen.
- Tippe auf Theme-Stil.
- Wähle den Theme-Stil aus, den du verwenden möchtest, und tippe dann auf Fertig.
- Tippe auf ✓.
Änderungen rückgängig machen und wiederholen
Mit der Schaltfläche Rückgängig machen machst du deine letzte Änderung rückgängig und mit der Schaltfläche Wiederherstellen wird eine Änderung wieder hinzugefügt, die du rückgängig gemacht hast. Wenn du mehrmals auf die Schaltfläche Rückgängig machen klickst, werden deine Änderungen eine nach der anderen rückgängig gemacht. Die Schaltflächen Rückgängig machen und Wiederherstellen sind in der Theme-Editor-Toolbar zu finden.
Klicke auf die Schaltfläche Rückgängig machen, um Änderungen, die du an deinem Theme vorgenommen hast, rückgängig zu machen, einschließlich der folgenden Beispiele:
- Abschnitte hinzufügen, neu anordnen und löschen
- Anwendung von Farben, Schriftarten und anderen Theme-Einstellungen
- Einen Theme-Stil zurücksetzen.