Theme-Einstellungen

Diese Seite wurde gedruckt um Apr 26, 2024. Die neueste Version findest du unter https://help.shopify.com/de/manual/online-store/themes/theme-structure/theme-settings.

Du kannst unter Verwendung von Theme-Einstellungen Änderungen an der Typografie, den Farben, den Social-Media-Links und den Checkout-Einstellungen für deinen Onlineshop vornehmen. Wenn du Änderungen an deinen Theme-Einstellungen vornimmst, gelten die Änderungen für deinen gesamten Onlineshop.

Auf dieser Seite

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

Logobilder haben eine maximale Breite von 300 Pixel.

Dein Logo anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Logo.

  5. Klicke im Bereich Logo auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf ein Bild, um es auszuwählen, und klicke dann auf Auswählen.
    • Um ein Bild von deinem Computer zu verwenden, klicke auf Hochladen. Wähle auf deinem Computer ein Bild aus und klicke auf Öffnen, um das Hochladen zu starten. Das Bild wird automatisch ausgewählt, wenn das Hochladen abgeschlossen ist. Klicke auf Auswählen.
    • Um ein kostenloses Bild auszuwählen, klicke auf Kostenlose Bilder und suche nach einem Bild oder klicke auf ein Bild, um es auszuwählen.

  6. Füge Alt-Text zu deinem Logobild hinzu:

    1. Klicke auf Alt-Text bearbeiten.
    2. Gib im Fenster Bild bearbeiten eine kurze Beschreibung deines Bildes ein.
    3. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Logo.

  8. Klicke im Bereich Logo auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf ein Bild, um es auszuwählen, und klicke dann auf Auswählen.
    • Um ein Bild von deinem Computer zu verwenden, klicke auf Hochladen. Wähle auf deinem Computer ein Bild aus und klicke auf Öffnen, um das Hochladen zu starten. Das Bild wird automatisch ausgewählt, wenn das Hochladen abgeschlossen ist. Klicke auf Auswählen.
    • Um ein kostenloses Bild auszuwählen, klicke auf Kostenlose Bilder und suche nach einem Bild oder klicke auf ein Bild, um es auszuwählen.

  9. Füge Alt-Text zu deinem Logobild hinzu:

    1. Klicke auf Alt-Text bearbeiten.
    2. Gib im Fenster Bild bearbeiten eine kurze Beschreibung deines Bildes ein.
    3. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Logo.

  8. Klicke im Bereich Logo auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf ein Bild, um es auszuwählen, und klicke dann auf Auswählen.
    • Um ein Bild von deinem Computer zu verwenden, klicke auf Hochladen. Wähle auf deinem Computer ein Bild aus und klicke auf Öffnen, um das Hochladen zu starten. Das Bild wird automatisch ausgewählt, wenn das Hochladen abgeschlossen ist. Klicke auf Auswählen.
    • Um ein kostenloses Bild auszuwählen, klicke auf Kostenlose Bilder und suche nach einem Bild oder klicke auf ein Bild, um es auszuwählen.

  9. Füge Alt-Text zu deinem Logobild hinzu:

    1. Klicke auf Alt-Text bearbeiten.
    2. Gib im Fenster Bild bearbeiten eine kurze Beschreibung deines Bildes ein.
    3. Klicke auf Speichern.

Breite deines Logos anpassen

  1. Klicke auf Theme-Einstellungen.
  2. Klicke auf Logo.
  3. Bewege im Bereich Desktop-Logobreite den Slider auf die gewünschte Pixelbreite.

Favicon

Du kannst ein Favoritensymbol oder ein Favicon hinzufügen, mit dem du deinem Onlineshop einen Markenlook verleihst. 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 er zu den Lesezeichen hinzugefügt wird

Erfahre mehr über Favicons.

Favicon anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Logo.

  5. Klicke im Bereich Favicon-Bild auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf ein Bild, um es auszuwählen, und klicke dann auf Auswählen.
    • Um ein Bild von deinem Computer zu verwenden, klicke auf Hochladen. Wähle auf deinem Computer ein Bild aus und klicke auf Öffnen, um das Hochladen zu starten. Das Bild wird automatisch ausgewählt, wenn das Hochladen abgeschlossen ist. Klicke auf Auswählen.
    • Um ein kostenloses Bild auszuwählen, klicke auf Kostenlose Bilder und suche nach einem Bild oder klicke auf ein Bild, um es auszuwählen.

  6. Füge Alt-Text zu deinem Favicon-Bild hinzu:

    1. Klicke auf Alt-Text bearbeiten.
    2. Gib im Fenster Bild bearbeiten eine kurze Beschreibung deines Bildes ein.
    3. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Logo.

  8. Klicke im Bereich Favicon-Bild auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf ein Bild, um es auszuwählen, und klicke dann auf Auswählen.
    • Um ein Bild von deinem Computer zu verwenden, klicke auf Hochladen. Wähle auf deinem Computer ein Bild aus und klicke auf Öffnen, um das Hochladen zu starten. Das Bild wird automatisch ausgewählt, wenn das Hochladen abgeschlossen ist. Klicke auf Auswählen.
    • Um ein kostenloses Bild auszuwählen, klicke auf Kostenlose Bilder und suche nach einem Bild oder klicke auf ein Bild, um es auszuwählen.

  9. Füge Alt-Text zu deinem Favicon-Bild hinzu:

    1. Klicke auf Alt-Text bearbeiten.
    2. Gib im Fenster Bild bearbeiten eine kurze Beschreibung deines Bildes ein.
    3. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Logo.

  8. Klicke im Bereich Favicon-Bild auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf ein Bild, um es auszuwählen, und klicke dann auf Auswählen.
    • Um ein Bild von deinem Computer zu verwenden, klicke auf Hochladen. Wähle auf deinem Computer ein Bild aus und klicke auf Öffnen, um das Hochladen zu starten. Das Bild wird automatisch ausgewählt, wenn das Hochladen abgeschlossen ist. Klicke auf Auswählen.
    • Um ein kostenloses Bild auszuwählen, klicke auf Kostenlose Bilder und suche nach einem Bild oder klicke auf ein Bild, um es auszuwählen.

  9. Füge Alt-Text zu deinem Favicon-Bild hinzu:

    1. Klicke auf Alt-Text bearbeiten.
    2. Gib im Fenster Bild bearbeiten eine kurze Beschreibung deines Bildes ein.
    3. Klicke auf Speichern.

Farben

Du kannst bis zu 21 einzigartige Farbschemas erstellen und sie auf verschiedene Abschnitte in deinem Onlineshop anwenden. Erhalte mehr Informationen über Farboptionen, Farbschemas und Farbverläufe.

Farbeinstellungen anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Klicke neben dem Theme, das du anpassen möchtest, auf Anpassen.
  3. Klicke auf Theme-Einstellungen und dann auf Farben.
  4. Klicke im Abschnitt Schemas auf ein vorhandenes Schema oder klicke auf Schema hinzufügen, um ein neues Farbschema hinzuzufügen.
  5. Klicke auf das Farbfeld für die Farbe des Inhaltstyps, die du ändern möchtest.
  6. Gib einen hexadezimalen Farbcode ein oder wähle eine Farbe in der Farbauswahl aus, um eine Farbe festzulegen. Lösche den Hex-Codewert aus dem Textfeld, um die Farbe als transparent festzulegen.
  7. Klicke auf Speichern.

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.

Es wird empfohlen, dass du in deinem Shop Systemschriftarten verwendest. Systemschriftarten sind Schriftarten, die 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.

Typografieeinstellungen anpassen

Eine Liste der verfügbaren Schriftarten findest du in der Schriftartenbibliothek von Shopify.

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Typografie.
  5. Klicke für jede Art von Text auf Ändern, um die Schriftartenauswahl zu verwenden.
  6. Erkunde Schriftarten über das Suchfeld.
  7. Klicke auf den Namen der Schriftart, die du verwenden möchtest.
  8. Klicke auf Auswählen.
  9. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ☰.
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf ⋮ > Theme-Einstellungen.
  6. Klicke auf Typografie.
  7. Klicke für jede Art von Text auf Ändern, um die Schriftartenauswahl zu verwenden.
  8. Erkunde die verfügbaren Schriftarten über das Suchfeld.
  9. Klicke auf den Namen der Schriftart, die du verwenden möchtest, und klicke dann auf Fertig.
  10. Klicke auf ✓.
  1. Tippe in der Shopify-App auf die Schaltfläche ☰.
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf ⋮ > Theme-Einstellungen.
  6. Klicke auf Typografie.
  7. Klicke für jede Art von Text auf Ändern, um die Schriftartenauswahl zu verwenden.
  8. Erkunde die verfügbaren Schriftarten über das Suchfeld.
  9. Klicke auf den Namen der Schriftart, die du verwenden möchtest, und klicke dann auf Fertig.
  10. Klicke auf ✓.

Schriftgrößen anpassen

Du kannst die Standardschriftgröße für Überschriften und Fließtext in der Theme-Einstellung "Typografie" festlegen.

Schritte:

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen > Typografie.
  4. Um die Standardschriftgröße für Überschriften zu ändern, verwende den Schriftgrößenmaßstab, um die Standardschriftgröße auszuwählen. 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 %.
  5. Um die Standardschriftgröße für Fließtext zu ändern, verwende den Schriftgrößenmaßstab, um die Standardschriftgröße auszuwählen. Die Mindestschriftgröße ist 100 %, die maximale Schriftgröße ist 130 %. Mit jedem Schritt auf der Skala wird die Schriftgröße um 5 % erhöht. Die Standardeinstellung ist 100 %.
  6. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen > Typografie.
  7. Um die Standardschriftgröße für Überschriften zu ändern, verwende den Schriftgrößenmaßstab, um die Standardschriftgröße auszuwählen. 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 %.
  8. Um die Standardschriftgröße für Fließtext zu ändern, verwende den Schriftgrößenmaßstab, um die Standardschriftgröße auszuwählen. Die Mindestschriftgröße ist 100 %, die maximale Schriftgröße ist 130 %. Mit jedem Schritt auf der Skala wird die Schriftgröße um 5 % erhöht. Die Standardeinstellung ist 100 %.
  9. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen > Typografie.
  7. Um die Standardschriftgröße für Überschriften zu ändern, verwende den Schriftgrößenmaßstab, um die Standardschriftgröße auszuwählen. 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 %.
  8. Um die Standardschriftgröße für Fließtext zu ändern, verwende den Schriftgrößenmaßstab, um die Standardschriftgröße auszuwählen. Die Mindestschriftgröße ist 100 %, die maximale Schriftgröße ist 130 %. Mit jedem Schritt auf der Skala wird die Schriftgröße um 5 % erhöht. Die Standardeinstellung ist 100 %.
  9. Klicke auf Speichern.

Layout

Mit dem Layout kannst du die maximale Breite festlegen, in der dein Onlineshop angezeigt werden soll, und den vertikalen und horizontalen Abstand zwischen Abschnitten einstellen.

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen > Layout.
  4. Verwende den Bereichsschieberegler, um zwischen einer Seitenbreite von 1000 oder 1600 Pixel zu wählen. Die Standardeinstellung ist 1600 Pixel.
  5. Optional: Füge mit dem Bereichsschieberegler einen vertikalen Abstand zwischen Abschnitten hinzu. Du kannst maximal 100 Pixel zwischen Abschnitten hinzufügen.
  6. Optional: Wenn du ein Raster-Layout hast, verwende den Bereichsschieberegler für Horizontaler Abstand und Vertikaler Abstand, um Abstand zwischen Rasterinhalten hinzuzufügen. Durch das Hinzufügen von horizontalem Abstand wird ein maximaler Abstand von 40 Pixel zu deinen Zeilen hinzugefügt. Durch das Hinzufügen von vertikalem Abstand wird ein maximaler Abstand von 40 Pixel zu deinen Spalten hinzugefügt.
  7. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen > Layout.
  7. Verwende den Bereichsschieberegler, um zwischen einer Seitenbreite von 1000 oder 1600 Pixel zu wählen. Die Standardeinstellung ist 1600 Pixel.
  8. Optional: Füge mit dem Bereichsschieberegler einen vertikalen Abstand zwischen Abschnitten hinzu. Du kannst maximal 100 Pixel zwischen Abschnitten hinzufügen.
  9. Optional: Wenn du ein Raster-Layout hast, verwende den Bereichsschieberegler für Horizontaler Abstand und Vertikaler Abstand, um Abstand zwischen Rasterinhalten hinzuzufügen. Durch das Hinzufügen von horizontalem Abstand wird ein maximaler Abstand von 40 Pixel zu deinen Zeilen hinzugefügt. Durch das Hinzufügen von vertikalem Abstand wird ein maximaler Abstand von 40 Pixel zu deinen Spalten hinzugefügt.
  10. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen > Layout.
  7. Verwende den Bereichsschieberegler, um zwischen einer Seitenbreite von 1000 oder 1600 Pixel zu wählen. Die Standardeinstellung ist 1600 Pixel.
  8. Optional: Füge mit dem Bereichsschieberegler einen vertikalen Abstand zwischen Abschnitten hinzu. Du kannst maximal 100 Pixel zwischen Abschnitten hinzufügen.
  9. Optional: Wenn du ein Raster-Layout hast, verwende den Bereichsschieberegler für Horizontaler Abstand und Vertikaler Abstand, um Abstand zwischen Rasterinhalten hinzuzufügen. Durch das Hinzufügen von horizontalem Abstand wird ein maximaler Abstand von 40 Pixel zu deinen Zeilen hinzugefügt. Durch das Hinzufügen von vertikalem Abstand wird ein maximaler Abstand von 40 Pixel zu deinen Spalten hinzugefügt.
  10. Klicke auf Speichern.

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:

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Klicke neben dem Theme, das du anpassen möchtest, auf Anpassen.
  3. Klicke auf Theme-Einstellungen und dann auf Animationen.
  4. Optional: Um eine Animation zu aktivieren, die die Abschnitte deines Onlineshops erst beim Scrollen anzeigt, wähle Beim Scrollen Abschnitte einblenden aus.

  5. 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.

  6. Klicke auf Speichern.

Ränder und Schatten

Du kannst die Ränder und Schatten einiger interaktiver Inhaltstypen wie von Einschüben, Schaltflächen, Varianten oder Mengeneingaben 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.

Optionen für Schatten sind:

  • Opazität ändert die Sichtbarkeit des Schattens des Artikels. Eine Schattendeckkraft von 0 % entfernt den Schatten des Artikels vollständig.
  • Die Kompensationsbereichs-Schieberegler Horizontal und Vertikal verschieben die Position des Schattens um den Artikel.
  • Verwende den Bereichsschieberegler Weichzeichnen, um die Deckkraft des Schattens eines Artikels zu ändern.

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.

Beispiel-Onlineshop mit Call-to-Action-Schaltfläche

Schaltflächen anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Schaltflächen.
  5. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Schaltflächen anzupassen.
  6. Verwende die Schieberegler, um den Schatten deiner Schaltflächen anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  7. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Schaltflächen.
  8. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Schaltflächen anzupassen.
  9. Verwende die Schieberegler, um den Schatten deiner Schaltflächen anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Schaltflächen.
  8. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Schaltflächen anzupassen.
  9. Verwende die Schieberegler, um den Schatten deiner Schaltflächen anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.

Variantenoptionen mit Farbfeldern

Beispiel-Onlineshop mit auswählbaren Farbfeld-Optionen

Farbfelder sind eine visuelle Darstellung von Produktvarianten. Um Farbfelder anzuzeigen, benötigst du die neueste Version von Dawn und Kategorie-Metafelder, die mit deinen Varianten verbunden sind. Mit Dawn können Variantenoptionen entweder in einem Dropdown oder als Farbfeld angezeigt werden. Wenn du Variantenoptionen als Farbfeld anzeigst, kannst du wählen, ob diese Farbfelder als Kreis, als Quadrat oder gar nicht angezeigt werden sollen, wodurch der Optionswert als Text angezeigt wird.

Beispielhafte Dawn-Einstellungen für Farbfelder

Farbfelder mit Kategorie-Metafeldern einrichten

  1. Gehe in deinem Shopify-Adminbereich zu Produkte.
  2. Klicke auf ein Produkt.
  3. Gib im Abschnitt Produktorganisation die Kategorie deines Produkts in das Feld Produktkategorie ein und wähle dann das genaueste Ergebnis aus der Liste Produktkategorie aus. Die Produktkategorie muss ein Kategorie-Metafeld Farbe enthalten.
  4. Klicke im Abschnitt Varianten auf Optionen wie Größe oder Farbe hinzufügen.
  5. Klicke auf Farbe.
  6. Klicke auf das Feld Farbe hinzufügen und wähle alle Standard-Farbeinträge im Dropdown-Menü aus.

  7. So fügst du einen benutzerdefinierten Farbeintrag hinzu:

    1. Klicke auf Farbe hinzufügen und dann auf Neuen Eintrag hinzufügen.
    2. Fülle auf der Seite Eintrag hinzufügen die Felder Etikett und Farbe aus.
    3. Wenn du statt einer Farbe ein Muster möchtest, fülle das Bildfeld aus. Wenn du sowohl eine Farbe als auch ein Bild hinzufügst, wird das Bild für das Farbfeld verwendet.
    4. Wähle eine Grundfarbe und ein Grundmuster.
    5. Klicke auf Speichern.

  8. Klicke auf Speichern, um das Produkt zu speichern.

Farbfelder in Dawn anpassen

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.
  2. Vergewissere dich, dass du die neueste Version von Dawn installiert hast, und klicke dann auf Anpassen.
  3. Navigiere zu dem Produkt, dem du Farboptionen hinzugefügt hast.
  4. Optional: Um Farbfelder anzupassen, klicke auf den Variantenauswahl-Block. Du kannst die Anzeige der Farbfelder ändern, indem du zwischen Kreis, Quadrat oder Keine auswählst.
  5. Klicke auf Speichern, um das Theme zu speichern.

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 die Produktseiten ändern zu müssen.

Beispiel-Onlineshop mit wählbaren Varianten-Kapseln

Varianten-Kapseln anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Varianten-Kapseln.
  5. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Varianten-Kapsel anzupassen.
  6. Verwende die Schieberegler, um den Schatten deiner Varianten-Kapsel anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  7. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Varianten-Kapseln.
  8. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Varianten-Kapsel anzupassen.
  9. Verwende die Schieberegler, um den Schatten deiner Varianten-Kapsel anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Varianten-Kapseln.
  8. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Varianten-Kapsel anzupassen.
  9. Verwende die Schieberegler, um den Schatten deiner Varianten-Kapsel anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.

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 in den Theme-Einstellungen anpassen.

Beispiel-Onlineshop mit Mengeneingabe

Eingaben anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Eingaben.
  5. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Eingabefelder anzupassen.
  6. Verwende die Schieberegler, um den Eingabefeld-Schatten zu ändern. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  7. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Eingaben.
  8. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Eingabefelder anzupassen.
  9. Verwende die Schieberegler, um den Eingabefeld-Schatten zu ändern. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Eingaben.
  8. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Eingabefelder anzupassen.
  9. Verwende die Schieberegler, um den Eingabefeld-Schatten zu ändern. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.

Karten

Mit den Einstellungen für Produktkarten, Kollektionskarten und Blog-Karten kannst du den Stil jeder Art von separatem Bereich anpassen, der in Abschnitten angezeigt wird. Du kannst die Farbe, Ausrichtung, Bildpolsterung, Ränder und Schatten dieser drei Arten von Abschnittskarten ändern.

Karten anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Produktkarten, Kollektionskartenoder Blog-Karten.
  5. Verwende das Dropdown-Menü, um einen Stil für die Karte auszuwählen.
  6. Füge mit dem Schieberegler Bild-Padding hinzu. Dadurch wird ein Abstand um deine Kartenbilder herum festgelegt.
  7. Verwende das Dropdown-Menü, um die Textausrichtung für deine Karten festzulegen. Entscheide dich zwischen links, zentriert (Standard) und rechts.
  8. Verwende das Dropdown-Menü, um ein Farbschema für deine Karten auszuwählen.
  9. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Karten anzupassen.
  10. Verwende die Schieberegler, um den Schatten deiner Karten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  11. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Produktkarten, Kollektionskartenoder Blog-Karten.
  8. Verwende das Dropdown-Menü, um einen Stil für die Karte auszuwählen.
  9. Füge mit dem Schieberegler Bild-Padding hinzu. Dadurch wird ein Abstand um deine Kartenbilder herum festgelegt.
  10. Verwende das Dropdown-Menü, um die Textausrichtung für deine Karten festzulegen. Entscheide dich zwischen links, zentriert (Standard) und rechts.
  11. Verwende das Dropdown-Menü, um ein Farbschema für deine Karten auszuwählen.
  12. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Karten anzupassen.
  13. Verwende die Schieberegler, um den Schatten deiner Karten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  14. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Produktkarten, Kollektionskartenoder Blog-Karten.
  8. Verwende das Dropdown-Menü, um einen Stil für die Karte auszuwählen.
  9. Füge mit dem Schieberegler Bild-Padding hinzu. Dadurch wird ein Abstand um deine Kartenbilder herum festgelegt.
  10. Verwende das Dropdown-Menü, um die Textausrichtung für deine Karten festzulegen. Entscheide dich zwischen links, zentriert (Standard) und rechts.
  11. Verwende das Dropdown-Menü, um ein Farbschema für deine Karten auszuwählen.
  12. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Karten anzupassen.
  13. Verwende die Schieberegler, um den Schatten deiner Karten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  14. Klicke auf Speichern.

Inhalts-Container

Container sind die Textabschnitte der Inhaltsabschnitte, 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.

Inhalts-Container anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Inhalts-Container.
  5. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Inhalts-Container anzupassen.
  6. Verwende die Schieberegler, um den Schatten deiner Inhalts-Container anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  7. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Inhalts-Container.
  8. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Inhalts-Container anzupassen.
  9. Verwende die Schieberegler, um den Schatten deiner Inhalts-Container anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Inhalts-Container.
  8. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Inhalts-Container anzupassen.
  9. Verwende die Schieberegler, um den Schatten deiner Inhalts-Container anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.

Medien

Medien sind die visuelle Komponente von Abschnitten, z. B. Produktmedien oder das Bild in "Bild mit Text"-Abschnitten. Du kannst Ränder und Schatten zu deinen Medien hinzufügen.

Medien anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Medien.
  5. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Medienfelder anzupassen.
  6. Verwende die Schieberegler, um den Schatten deiner Medienfelder anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  7. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Medien.
  8. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Medienfelder anzupassen.
  9. Verwende die Schieberegler, um den Schatten deiner Medienfelder anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Medien.
  8. Verwende die Schieberegler, um das Erscheinungsbild der Ränder deiner Medienfelder anzupassen.
  9. Verwende die Schieberegler, um den Schatten deiner Medienfelder anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.

Dropdown-Menüs und Pop-ups

Passe das Erscheinungsbild von Dropdown-Menüs für die Navigation, modalen Pop-ups und Warenkorb-Pop-ups an.

Dropdown-Menüs und Pop-ups anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Dropdown-Listen und Pop-ups.
  5. Verwende die Schieberegler, um das Erscheinungsbild deiner Ränder anzupassen.
  6. Verwende die Schieberegler, um den Schatten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  7. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Dropdown-Listen und Pop-ups.
  8. Verwende die Schieberegler, um das Erscheinungsbild deiner Ränder anzupassen.
  9. Verwende die Schieberegler, um den Schatten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Dropdown-Listen und Pop-ups.
  8. Verwende die Schieberegler, um das Erscheinungsbild deiner Ränder anzupassen.
  9. Verwende die Schieberegler, um den Schatten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.

Einschübe

Einschübe sind verborgene, interaktive Container, die eingeblendet werden, wenn darauf geklickt oder getippt wird, z. B. ein einklappbares Navigationsmenü oder Filteroptionen.

Einschübe anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Einschübe.
  5. Verwende die Schieberegler, um das Erscheinungsbild deiner Ränder anzupassen.
  6. Verwende die Schieberegler, um den Schatten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  7. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Einschübe.
  8. Verwende die Schieberegler, um das Erscheinungsbild deiner Ränder anzupassen.
  9. Verwende die Schieberegler, um den Schatten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Einschübe.
  8. Verwende die Schieberegler, um das Erscheinungsbild deiner Ränder anzupassen.
  9. Verwende die Schieberegler, um den Schatten anzupassen. Wenn du die Deckkraft des Schattens auf 0 % setzt, wird kein Schatten dargestellt.
  10. Klicke auf Speichern.

Badges

Die Badges Sale und Ausverkauft werden automatisch zu deinen Produktbildern hinzugefügt, wenn der Preis sinkt oder wenn die Inventaranzahl 0 erreicht. Du kannst die Position, Form und Farbe deiner Badges anpassen.

Beispiel-Onlineshop mit den Badges

Die Badges Seite und Blog werden in relevanten Suchergebnissen angezeigt. Du kannst die Position und Form dieser Badges anpassen, aber nicht die Farbe.

Badges anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Badges.
  5. Verwende das Dropdown-Menü, um die Badge-Position in Produktkarten auszuwählen. Entscheide dich zwischen oben links, oben rechts, unten links (Standard) oder unten rechts.
  6. Füge abgerundete Ecken mit dem Eckradius-Schieberegler hinzu. Wenn du den Eckenradius auf 0 px setzt, werden quadratische Badge-Kanten angezeigt. Durch Erhöhen des Radius rundest du die Kanten der Badges ab.
  7. Wähle ein Farbschema für deine Badges aus. Du kannst ein alternatives Farbschema für ausverkaufte Artikel festlegen.
  8. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Badges.
  8. Verwende das Dropdown-Menü, um die Badge-Position in Produktkarten auszuwählen. Entscheide dich zwischen oben links, oben rechts, unten links (Standard) oder unten rechts.
  9. Füge abgerundete Ecken mit dem Eckradius-Schieberegler hinzu. Wenn du den Eckenradius auf 0 px setzt, werden quadratische Badge-Kanten angezeigt. Durch Erhöhen des Radius rundest du die Kanten der Badges ab.
  10. Wähle ein Farbschema für deine Badges aus. Du kannst ein alternatives Farbschema für ausverkaufte Artikel festlegen.
  11. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Badges.
  8. Verwende das Dropdown-Menü, um die Badge-Position in Produktkarten auszuwählen. Entscheide dich zwischen oben links, oben rechts, unten links (Standard) oder unten rechts.
  9. Füge abgerundete Ecken mit dem Eckradius-Schieberegler hinzu. Wenn du den Eckenradius auf 0 px setzt, werden quadratische Badge-Kanten angezeigt. Durch Erhöhen des Radius rundest du die Kanten der Badges ab.
  10. Wähle ein Farbschema für deine Badges aus. Du kannst ein alternatives Farbschema für ausverkaufte Artikel festlegen.
  11. Klicke auf Speichern.

Symbole

Symbole sind kleine Bilder, die zu bestimmten Abschnitten oder Blöcken hinzugefügt werden können. Lege das Farbschema für deine Symbole in den Theme-Einstellungen fest.

Beispiel-Onlineshop mit Symbolen in einklappbaren Zeilen

Symbole anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Symbole
  5. Verwende das Dropdown-Menü, um die Standardfarbe für deine Symbole auszuwählen. Entscheide dich zwischen "Akzent 1", "Akzent 2", "Umriss-Schaltfläche" und "Textfarbe" für deine Shop-Symbole.
  6. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Symbole
  8. Verwende das Dropdown-Menü, um die Standardfarbe für deine Symbole auszuwählen. Entscheide dich zwischen "Akzent 1", "Akzent 2", "Umriss-Schaltfläche" und "Textfarbe" für deine Shop-Symbole.
  9. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Symbole
  8. Verwende das Dropdown-Menü, um die Standardfarbe für deine Symbole auszuwählen. Entscheide dich zwischen "Akzent 1", "Akzent 2", "Umriss-Schaltfläche" und "Textfarbe" für deine Shop-Symbole.
  9. Klicke auf Speichern.

Markeninformationen

Du kannst Informationen über deine Marke einfügen. Du kannst den Markeninformationsblock zu deiner Fußzeile hinzufügen.

Deine Markeninformationen anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Markeninformationen.
  5. Gib eine Überschrift ein.
  6. Gib eine Beschreibung ein.

  7. Klicke auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf ein Bild, um es auszuwählen, und klicke dann auf Auswählen.
    • Um ein Bild von deinem Computer zu verwenden, klicke auf Hochladen. Wähle auf deinem Computer ein Bild aus und klicke auf Öffnen, um das Hochladen zu starten. Das Bild wird automatisch ausgewählt, wenn das Hochladen abgeschlossen ist. Klicke auf Auswählen.
    • Um ein kostenloses Bild auszuwählen, klicke auf Kostenlose Bilder und suche nach einem Bild oder klicke auf ein Bild, um es auszuwählen.

  8. Bewege im Bereich Bildbreite den Slider auf die gewünschte Pixelbreite.

  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Markeninformationen.
  8. Gib eine Überschrift ein.
  9. Gib eine Beschreibung ein.

  10. Klicke auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf ein Bild, um es auszuwählen, und klicke dann auf Auswählen.
    • Um ein Bild von deinem Computer zu verwenden, klicke auf Hochladen. Wähle auf deinem Computer ein Bild aus und klicke auf Öffnen, um das Hochladen zu starten. Das Bild wird automatisch ausgewählt, wenn das Hochladen abgeschlossen ist. Klicke auf Auswählen.
    • Um ein kostenloses Bild auszuwählen, klicke auf Kostenlose Bilder und suche nach einem Bild oder klicke auf ein Bild, um es auszuwählen.

  11. Bewege im Bereich Bildbreite den Slider auf die gewünschte Pixelbreite.

  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Markeninformationen.
  8. Gib eine Überschrift ein.
  9. Gib eine Beschreibung ein.

  10. Klicke auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild zu verwenden, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf ein Bild, um es auszuwählen, und klicke dann auf Auswählen.
    • Um ein Bild von deinem Computer zu verwenden, klicke auf Hochladen. Wähle auf deinem Computer ein Bild aus und klicke auf Öffnen, um das Hochladen zu starten. Das Bild wird automatisch ausgewählt, wenn das Hochladen abgeschlossen ist. Klicke auf Auswählen.
    • Um ein kostenloses Bild auszuwählen, klicke auf Kostenlose Bilder und suche nach einem Bild oder klicke auf ein Bild, um es auszuwählen.

  11. Bewege im Bereich Bildbreite den Slider auf die gewünschte Pixelbreite.

Social Media

Du kannst zu deinen Produkten und Blog-Beiträgen Social-Sharing-Schaltflächen sowie Links zu Social-Media-Konten hinzufügen. Links zu deinen Social-Media-Konten werden in der Fußzeile deines Onlineshops angezeigt.

Social-Media-Einstellungen anpassen

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Social Media.
  5. Um Links zu deinen Social-Media-Konten hinzuzufügen, gib die Links zu deinen Konten in den dafür vorgesehenen Feldern unter "Konten" ein. Gib die vollständigen Links ein, z. B. https://instagram.com/shopify oder https://twitter.com/shopify.
  6. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Social Media.
  8. Um Links zu deinen Social-Media-Konten hinzuzufügen, gib die Links zu deinen Konten in den dafür vorgesehenen Feldern unter "Konten" ein. Gib die vollständigen Links ein, z. B. https://instagram.com/shopify oder https://twitter.com/shopify.
  9. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Social Media.
  8. Um Links zu deinen Social-Media-Konten hinzuzufügen, gib die Links zu deinen Konten in den dafür vorgesehenen Feldern unter "Konten" ein. Gib die vollständigen Links ein, z. B. https://instagram.com/shopify oder https://twitter.com/shopify.
  9. Klicke auf Speichern.

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 eines Onlineshops bieten. Kunden können damit auch schnell nach Ergebnissen suchen, ohne dass sie ihre aktuelle Seite verlassen müssen, um eine separate Liste der Suchergebnisse anzuzeigen.

Du kannst die folgenden Einstellungen für die Suche anpassen:

  • Suchvorschläge aktivieren – Aktiviere oder deaktiviere Suchvorschläge.
  • Produktanbieter anzeigen – Zeige Produktanbieter in den Suchvorschlägen an oder blende sie aus.
  • Produktpreis anzeigen – Zeige Produktpreise in den Suchvorschlägen an oder blende sie aus.

Sucheingabe-Einstellungen ändern

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Sucheingabe.
  5. Verwende die Einstellungen, um das Suchverhalten für den Shop anzupassen.
  6. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Sucheingabe.
  8. Verwende die Einstellungen, um das Suchverhalten für den Shop anzupassen.
  9. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Sucheingabe.
  8. Verwende die Einstellungen, um das Suchverhalten für den Shop anzupassen.
  9. Klicke auf Speichern.

Mehr Informationen darüber, wie Suchvorschläge funktionieren, findest du unter Suche mit Vorauswahl.

Währungsformat

Du kannst festlegen, dass Produkt-, Warenkorb- und Checkout-Preise immer Währungscodes anzeigen.

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen.
  4. Klicke auf Währungsformat.
  5. Um Währungscodes anzuzeigen, klicke auf das Kontrollkästchen Währungscodes anzeigen.
  6. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Währungsformat.
  8. Um Währungscodes anzuzeigen, klicke auf das Kontrollkästchen Währungscodes anzeigen.
  9. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen.
  7. Klicke auf Währungsformat.
  8. Um Währungscodes anzuzeigen, klicke auf das Kontrollkästchen Währungscodes anzeigen.
  9. Klicke auf Speichern.

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 auf dem Warenkorbeinschub eine vorgestellte Kollektion einblenden.

Schritte:

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen > Warenkorb.
  4. Wähle im Dropdown-Menü einen Warenkorbstil aus: Einschub, Seite oder Pop-up-Benachrichtigung.
  5. Optional: Um den Anbieter der Artikel im Warenkorb eines Kunden anzuzeigen, klicke auf Anbieter anzeigen.
  6. Optional: Um Kunden einen Bereich anzubieten, in dem sie Sonderwünsche stellen oder zusätzliche Informationen zu ihrer Bestellung hinzufügen können, wähle die Option Warenkorbanmerkung aktivieren aus.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen > Warenkorb.
  7. Wähle im Dropdown-Menü einen Warenkorbstil aus: Einschub, Seite oder Pop-up-Benachrichtigung.
  8. Optional: Um den Anbieter der Artikel im Warenkorb eines Kunden anzuzeigen, klicke auf Anbieter anzeigen.
  9. Optional: Um Kunden einen Bereich anzubieten, in dem sie Sonderwünsche stellen oder zusätzliche Informationen zu ihrer Bestellung hinzufügen können, wähle die Option Warenkorbanmerkung aktivieren aus.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen > Warenkorb.
  7. Wähle im Dropdown-Menü einen Warenkorbstil aus: Einschub, Seite oder Pop-up-Benachrichtigung.
  8. Optional: Um den Anbieter der Artikel im Warenkorb eines Kunden anzuzeigen, klicke auf Anbieter anzeigen.
  9. Optional: Um Kunden einen Bereich anzubieten, in dem sie Sonderwünsche stellen oder zusätzliche Informationen zu ihrer Bestellung hinzufügen können, wähle die Option Warenkorbanmerkung aktivieren aus.

Wenn du als Warenkorbtyp Einschub ausgewählt hast, kannst du eine Kollektion im Warenkorbeinschub anzeigen. Die ausgewählte Kollektion wird nur angezeigt, wenn der Warenkorb leer ist.

Um eine Sammlung zum leeren Warenkorb-Einschub hinzuzufügen, klicke auf "Sammlung auswählen". Nachdem eine Sammlung ausgewählt wurde, klicke auf "Ändern", um eine andere Sammlung auszuwählen oder die Sammlung aus dem Warenkorbschub zu entfernen. Du kannst auch auf "Erhebung erstellen" klicken , um eine neue Sammlung zu erstellen. Diese Schaltfläche führt dich aus den Theme-Einstellungen und auf die Seite " Sammlungen " deines Shopify-Adminbereichs.

Checkout

In diesem Abschnitt kannst du den Checkout deines Shops anpassen. Weitere Informationen über die Checkout-Seite deines Shops findest du unter Shopify-Checkout.

Theme-Stile ändern

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. 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:

  1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
  2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
  3. Klicke auf Theme-Einstellungen > Stile.
  4. Wähle über die Dropdown-Menüs die Optionen für deinen Theme-Stil aus. Welche Optionen verfügbar sind, hängt davon ab, welches Theme du verwendest.
  5. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen > Stile.
  7. Wähle über die Dropdown-Menüs die Optionen für deinen Theme-Stil aus. Welche Optionen verfügbar sind, hängt davon ab, welches Theme du verwendest.
  8. Klicke auf Speichern.
  1. Tippe in der Shopify-App auf die Schaltfläche ....
  2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
  3. Tippe auf Alle Themes verwalten.
  4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
  5. Tippe auf Bearbeiten.
  6. Klicke auf Theme-Einstellungen > Stile.
  7. Wähle über die Dropdown-Menüs die Optionen für deinen Theme-Stil aus. Welche Optionen verfügbar sind, hängt davon ab, welches Theme du verwendest.
  8. Klicke auf Speichern.

Ä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.

Die Schaltflächen Rückgängig machen und Wiederholen in der Toolbar des Theme-Editors

Klicke auf die Schaltfläche Rückgängig machen, um die folgenden Änderungen rückgängig zu machen:

  • Abschnitte hinzufügen, neu anordnen und löschen
  • die Anwendung von Farben, Schriftarten und anderen Einstellungen auf dem Tab Theme-Einstellungen
  • Einen Theme-Stil zurücksetzen.

Bereit, mit Shopify zu verkaufen?

Kostenlos testen