Hilfe
Einloggen

Themes hinzufügen, in der Vorschau anzeigen und kaufen

Um dir den Einstieg zu erleichtern, ist auf der Seite Themes deines Adminbereichs ein Standard-Theme eingerichtet, wenn du ein Konto bei Shopify eröffnest. Wenn du ein anderes Theme für deinen Onlineshop anpassen möchtest, musst du dieses zu deinem Adminbereich hinzufügen.

Du kannst ein Theme auf folgende Weisen hinzufügen:

Wenn du Entwickler:in bist oder mit einem Shopify-Partner oder einer Agentur zusammenarbeitest, kannst du ein Theme auch auf folgende Weisen zu deinem Shop hinzufügen:

Du kannst deinem Konto mehrere Themes hinzufügen, um neue Themes auszuprobieren, saisonale Versionen deines veröffentlichten Themes zu behalten oder Änderungen an einer Kopie deines veröffentlichten Themes zu testen. Du kannst für jedes dieser Themes eine Vorschau anzeigen, es kann aber immer nur ein Theme veröffentlicht werden. Wenn du zu einem neuen Theme wechselst, kannst du auf der Seite Themes in Shopify weiterhin auf dein altes Theme zugreifen.

Nachdem du ein Theme hinzugefügt hast, kannst du einen Link erstellen, um eine Vorschau eines unveröffentlichten Themes mit anderen zu teilen. Das kann hilfreich sein, wenn du Feedback einholen möchtest, bevor du ein neues Theme veröffentlichst oder deinen Onlineshop startest. Du kannst keine Vorschau deines veröffentlichten Themes teilen.

Auf dieser Seite

Anspruchsvoraussetzungen für Themes

Beachte die folgenden Anspruchsvoraussetzungen für das Hinzufügen von Themes zu deinem Shop oder deiner Organisation:

  • Die maximale Anzahl an Themes, die du hinzufügen kannst, hängt von deinem Preisplan ab:
  • Shops mit dem Plan Starter können nur das Theme Spotlight hinzufügen.
  • Shops und Organisationen mit den Plänen Basic, Grow und Advanced können bis zu 20 Themes hinzufügen.
  • Shops und Organisationen mit dem Plan Shopify Plus können bis zu 100 Themes hinzufügen.

Wenn du das Theme-Limit deines Plans erreichst, musst du ein Theme entfernen, bevor du ein neues hinzufügen kannst. Erweiterungs-Shops benötigen für jeden Live-Erweiterungs-Shop eine Theme-Lizenz.

Kostenloses Theme mit KI generieren

Auf der Seite Themes deines Shopify-Adminbereichs kannst du KI verwenden, um ein kostenloses, personalisiertes Theme zu generieren. Hilfe bei Anpassungen für kostenlose Themes wird von Shopify unterstützt.

Auf der Seite Themes deines Shopify-Adminbereichs kannst du KI verwenden, um ein kostenloses, personalisiertes Theme zu generieren. Hilfe bei Anpassungen für kostenlose Themes wird von Shopify unterstützt.

Schritte:

Desktop

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Schreibe im Abschnitt Gestalte deinen Shop in Sekunden eine Beschreibung deines Geschäfts und klicke dann auf Themes generieren, um bis zu 3 kostenlose, personalisierte Themes zu generieren.

  3. Klicke auf das Theme, das dich interessiert, und klicke dann auf Theme ausprobieren, um das Theme auf deinen Shop anzuwenden.

  4. Das Theme wird zum Abschnitt „Theme-Entwürfe“ auf der Seite Themes deines Adminbereichs hinzugefügt.

Mobil

  1. Tippe in der Shopify-App auf das Menü-Symbol.

  2. Tippe im Abschnitt Vertriebskanäle auf Onlineshop.

  3. Tippe auf Themes verwalten.

  4. Beschreibe im Abschnitt Gestalte deinen Shop in Sekunden unten auf der Seite dein Geschäft und tippe auf Themes generieren, um bis zu 3 kostenlose, personalisierte Themes zu generieren.

  5. Tippe auf das Theme, das dich interessiert, und tippe dann auf Theme ausprobieren, um das Theme auf deinen Shop anzuwenden.

  6. Das Theme wird zum Abschnitt „Theme-Entwürfe“ auf der Seite Themes deines Adminbereichs hinzugefügt.

Kostenloses Theme aus dem Adminbereich hinzufügen

Kostenlose Themes werden von Shopify entwickelt. Hilfe bei Anpassungen für kostenlose Themes wird von Shopify unterstützt.

Kostenlose Themes werden von Shopify entwickelt. Hilfe bei Anpassungen für kostenlose Themes wird von Shopify unterstützt.

Schritte:

Desktop

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Sieh dir im Abschnitt Beliebte kostenlose Themes unten auf der Seite die beliebtesten kostenlosen Themes aus dem Shopify Theme Store an oder klicke auf Theme Store besuchen, um alle verfügbaren Themes zu durchsuchen.

  3. Klicke auf den Namen des Themes, um Details zu einem Theme im Shopify Theme Store anzuzeigen.

  4. Klicke beim Theme auf den Button Hinzufügen. Das Theme wird zum Abschnitt „Theme-Entwürfe“ auf der Seite Themes deines Adminbereichs hinzugefügt.

Mobil

  1. Tippe in der Shopify-App auf das Menü-Symbol.

  2. Tippe im Abschnitt Vertriebskanäle auf Onlineshop.

  3. Tippe auf Themes verwalten.

  4. Sieh dir im Abschnitt Beliebte kostenlose Themes unten auf der Seite die beliebtesten kostenlosen Themes aus dem Shopify Theme Store an oder tippe auf Theme Store besuchen, um alle verfügbaren Themes zu durchsuchen.

  5. Tippe auf den Namen des Themes, um Details zu einem Theme im Shopify Theme Store anzuzeigen.

  6. Tippe beim Theme auf den Button Hinzufügen. Das Theme wird zum Abschnitt „Theme-Entwürfe“ auf der Seite Themes deines Adminbereichs hinzugefügt.

Bezahltes Theme aus dem Shopify Theme Store ausprobieren

Bevor du ein bezahltes Theme kaufst, kannst du es in deinem Shopify-Adminbereich in der Vorschau ausprobieren. Mit dem Theme-Editor kannst du ein in der Vorschau angezeigtes Theme anpassen, indem du beispielsweise deine Markenfarben, den Markenstil und deine Produkte übernimmst. Wenn du das Theme kaufst, werden alle von dir vorgenommenen Anpassungen gespeichert.

Du kannst eine Vorschau von bis zu 19 bezahlten Themes gleichzeitig anzeigen, sodass du verschiedene Themes vergleichen kannst, bevor du eines kaufst. Bezahlte Themes, die du ausprobierst, haben das Etikett Theme-Test.

Um Support für ein bezahltes Theme zu erhalten, kontaktiere den/die Theme-Entwickler:in.

Schritte:

  1. Besuche den Shopify Theme Store und wähle ein bezahltes Theme aus.
  2. Klicke auf Theme ausprobieren, um das Theme zu deinem Onlineshop hinzuzufügen.
  3. Klicke in deinem Shopify-Adminbereich auf Onlineshop > Themes.
  4. Klicke im Abschnitt Theme-Entwürfe auf den Button horizontal menu, um das Aktionsmenü neben dem Theme zu öffnen, dessen Vorschau du anzeigen möchtest.
  5. Klicke auf Vorschau.

Du kannst die Einstellungen eines Themes anpassen, während du es in der Vorschau anzeigst. Wenn du mit dem Theme zufrieden bist, kannst du das Theme kaufen. Alle Anpassungen, die du am Theme vorgenommen hast, werden gespeichert. Du kannst den Theme-Code nicht bearbeiten und den KI-Code-Generator nicht verwenden, solange sich das Theme im Test befindet.

Theme im Shopify Theme Store kaufen

Nur Personen mit allen der folgenden Berechtigungen auf Shop-Ebene können ein Theme im Shopify Theme Store kaufen:

  • Themes
  • Apps und Kanäle verwalten und installieren
  • App-Gebühren genehmigen

Nachdem du ein bezahltes Theme in deinem Onlineshop ausprobiert hast, kannst du dich für den Kauf entscheiden. Du kannst nur Themes in deinem Onlineshop veröffentlichen, die du auch gekauft hast. Wenn du ein Theme im Shopify Theme Store kaufst, wird dieses Theme exklusiv für den Shop lizenziert, in dem der Kauf getätigt wurde. Wenn du dein Theme in einem anderen Shop verwenden möchtest, kannst du es unter Umständen übertragen.

Bezahlte Themes werden von externen Theme-Entwickler:innen erstellt. Allgemeiner Support und Updates für externe Themes werden vom/von der Theme-Entwickler:in bereitgestellt. Wenn du erweiterte Anpassungen benötigst, aber keine Erfahrung mit der Entwicklung von Websites mit HTML, CSS und JavaScript hast, ziehe in Betracht, eine:n Shopify-Partner:in zu engagieren.

Schritte:

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Klicke auf Themes hinzufügen > Theme Store besuchen.

  3. Suche nach einem Theme, das du kaufen möchtest, und klicke dann auf Theme ausprobieren.

  4. Klicke im Abschnitt Theme-Entwürfe bei dem Theme, das du kaufen möchtest, auf Kaufen, um die Transaktion zu starten.

Theme-Datei von deinem Computer hochladen

Wenn du ein Theme als ZIP-Datei auf deinem Computer hast, kannst du es auf die Seite Themes in deinem Shopify-Adminbereich hochladen.

Stelle vor dem Hochladen sicher, dass deine Theme-Dateien in einer einzigen ZIP-Datei komprimiert sind.

Nachdem du die ZIP-Datei hochgeladen hast, wird das Theme zur Seite Themes in deinem Shopify-Adminbereich hinzugefügt.

Schritte:

Desktop

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Klicke im Abschnitt Theme-Entwürfe auf Theme importieren > Zip-Datei hochladen.

  3. Klicke im Dialogfeld Theme importieren auf Datei auswählen, um die ZIP-Datei auszuwählen, die du hochladen möchtest.

  4. Klicke auf Hochladen.

Mobil

  1. Tippe in der Shopify-App auf das Menü-Symbol.

  2. Tippe im Abschnitt Vertriebskanäle auf Onlineshop.

  3. Tippe auf Themes verwalten.

  4. Tippe im Abschnitt Theme-Entwürfe auf Theme importieren > Zip-Datei hochladen.

  5. Tippe im Dialogfeld Theme importieren auf Datei auswählen, um die ZIP-Datei auszuwählen, die du hochladen möchtest.

  6. Tippe auf Hochladen.

Themes wechseln

Wenn du deinem Shop neue Themes hinzufügst, werden sie im Abschnitt Theme-Entwürfe auf der Seite Themes in Shopify angezeigt. Du kannst zu einem neuen Theme wechseln, indem du es in deinem Onlineshop veröffentlichst. Wenn du ein neues Theme veröffentlichst, bleibt dein altes Theme in den Theme-Entwürfen verfügbar (und du kannst bei Bedarf wieder zu diesem Theme wechseln).

Wenn du dein Theme manuell aktualisierst, wird die aktualisierte Version deines Themes als separate Version in den Theme-Entwürfen angezeigt. Wenn du zur aktualisierten Version wechselst, bleibt die alte Version deines Themes weiterhin in den Theme-Entwürfen verfügbar. Weitere Informationen findest du unter Themes aktualisieren.

Wechsel von Themes vorbereiten

Wenn du deinen Theme-Entwürfen ein Theme hinzufügst, kannst du es vor der Veröffentlichung anpassen. Dies bietet eine gute Gelegenheit, das neue Theme zu überprüfen und die Einstellungen sowie Inhalte auf dein Unternehmen abzustimmen, bevor du dein bestehendes Theme ersetzt. Du kannst außerdem zwischen mehreren vorbereiteten Themes wechseln, ohne sie erneut einrichten zu müssen.

Die Produkte, Kollektionen, Menüs, Seiten und Blog-Beiträge deines Shops werden nicht geändert oder gelöscht, wenn du zu einem neuen Theme wechselst, da sie im Adminbereich getrennt vom Theme verwaltet werden. Die Inhalte und Einstellungen, die über den Theme-Editor, den Theme-Code-Editor und den Sprach-Editor verwaltet werden, sind jedoch für jedes Theme und jede von dir hochgeladene Theme-Version einzigartig.

Die folgenden Teile deines Onlineshops sind mit dem Theme verknüpft. Du musst diese Teile deines Onlineshops für jedes Theme, das du verwenden möchtest, anpassen:

Nicht alle Themes unterstützen alle Shopify-Funktionen. Du solltest die Funktionsliste des Themes überprüfen, um sicherzustellen, dass es die von dir benötigten Funktionen enthält.

Theme-Vorschau

Du kannst im Abschnitt Themes deines Onlineshops eine Vorschau für jedes Theme anzeigen. Die Vorschau zeigt das ausgewählte Theme in deinem Onlineshop in einem Browser-Tab mit der „Vorschauleiste für den Onlineshop“ an.

Die Vorschauleiste des Onlineshops zeigt die folgenden Informationen zu deinem Theme an:

  • Den Namen des Themes.
  • Den Status des Themes. Dein veröffentlichtes Theme hat den Status Live. Nicht veröffentlichte Themes haben den Status Entwurf.

Du kannst die Vorschau mit den folgenden Aktionen anpassen:

  • Im Abschnitt view icon Vorschau als kannst du ein anderes Land oder eine andere Sprache für die Vorschau auswählen. Mehr Informationen zu internationalen Märkten und zum Hinzufügen weiterer Sprachen zu deinem Theme.
  • Klicke auf die Schaltfläche link, um eine Vorschau deines Themes zu teilen.
  • Klicke auf „ Vorschau schließen “, um die Vorschau zu schließen und dein veröffentlichtes Theme anzuzeigen.
    • Klicke auf Theme bearbeiten, um den Theme-Editor zu öffnen und das Theme anzupassen.
  • Klicke oben in die Vorschauleiste, um sie zu minimieren. Du kannst erneut darauf klicken, um sie zu erweitern.

Theme-Vorschau mit anderen teilen

Wenn du deinen Onlineshop einführen oder das Design deines Shops durch die Veröffentlichung eines neuen Themes ändern möchtest, kannst du Feedback von anderen einholen, indem du eine Vorschau deines Themes teilst.

Du kannst einen Link erstellen, über den andere auf eine Vorschau eines beliebigen Themes zugreifen können, das du in deinem Shopify-Adminbereich hinzugefügt hast. Das Theme muss nicht veröffentlicht sein, um geteilt zu werden.

Es gibt zwei Arten von Theme-Vorschauen:

  • Besuchervorschauen: Besuchervorschauen sind für alle sichtbar, die die URL haben, und erfordern keine Authentifizierung. Diese Vorschauen verfallen 2 Tage, nachdem die URL erstellt wurde. Die URLs von Besuchervorschauen verwenden das Format https://<token>-<shop_id>.shopifypreview.com.
  • Händler-Vorschauen: Händler-Vorschauen erfordern eine Authentifizierung im Adminbereich und ermöglichen den Zugriff auf Checkouts. Diese Vorschauen verfallen 30 Tage, nachdem die URL erstellt wurde. Die URLs von Händler-Vorschauen verwenden das Format deiner primären Domain mit einem Token-Parameter.

Wenn du bei einem Theme auf Vorschau klickst, wird die URL der Händler-Vorschau in der Adressleiste deines Browsers angezeigt. Um einen Link für eine Besuchervorschau zu erstellen und mit anderen zu teilen, klicke auf die Schaltfläche link in der Vorschauleiste. Du kannst beliebig oft neue Links erstellen und das Erstellen eines neuen Links hat keine Auswirkungen auf alte Vorschau-Links.

Schritte:

Desktop

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Klicke für das Theme, das du teilen möchtest, auf die Schaltfläche horizontal menu, um das Aktionsmenü zu öffnen, und klicke dann auf Vorschau.

  3. Optional: Wähle ein anderes Land, eine andere Sprache oder beides aus, um die Vorschau zu ändern.

  4. Klicke auf die Schaltfläche link, um den Link in deine Zwischenablage zu kopieren.

Mobil

  1. Tippe in der Shopify-App auf das Menü-Symbol.

  2. Tippe im Abschnitt Vertriebskanäle auf Onlineshop.

  3. Tippe auf Themes verwalten.

  4. Tippe für das Theme, das du teilen möchtest, auf die Schaltfläche horizontal menu, um das Aktionsmenü zu öffnen, und tippe dann auf Vorschau.

  5. Optional: Wähle ein anderes Land, eine andere Sprache oder beides aus, um die Vorschau zu ändern.

  6. Tippe auf link, um den Link in deine Zwischenablage zu kopieren.

Fehlerbehebung bei der Theme-Vorschau

Es gibt verschiedene Umstände, die dazu führen können, dass deine Theme-Vorschau oder die Vorschauleiste des Themes nicht korrekt angezeigt wird. Wenn du nach dem Durchgehen der Schritte in dieser Anleitung immer noch Probleme mit deinem Theme hast, musst du dich möglicherweise an das Support-Team deines Themes wenden. Mehr Informationen darüber, wie du Support für Themes erhältst.

Die Vorschauleiste wird in deinem aktiven Shop angezeigt

Dies geschieht in der Regel, wenn dein Theme fälschlicherweise einen Parameter namens preview_theme_id zu den URLs deines Onlineshops hinzufügt. Dieser Parameter ist nur für die interne Vorschau vorgesehen, aber wenn er in Live-URLs vorhanden ist, wird die Vorschauleiste allen Besuchern angezeigt.

Besuche deinen Onlineshop und suche nach dem Parameter preview_theme_id in der Adressleiste des Browsers. Du kannst auch deine Kundschaft bitten, dir die Link-Adresse weiterzuleiten, auf der die Vorschauleiste angezeigt wird.

Wenn der Parameter preview_theme_id in der URL deines Onlineshops enthalten ist, dann wende dich für Support an die Entwickler:innen deines Themes und erkläre das Problem.

Wenn du mit der Bearbeitung von Theme-Code vertraut bist, kannst du deine Theme-Dateien nach preview_theme_id durchsuchen und dann den Code entfernen, der ihn zu URLs hinzufügt. Die Layout-Dateien und Dateien, die JavaScript enthalten (mit der Endung .js), enthalten diese Art von Code am ehesten. Bearbeite den Code für ein Theme nur, wenn du dich mit HTML und CSS auskennst und über Grundkenntnisse in Liquid, der Vorlagensprache von Shopify, sowie in JSON und JavaScript verfügst.

Dieses Problem wurde bei Themes gemeldet, die außerhalb des Shopify Theme Store gekauft wurden, wie z. B. beim Lumia-Theme von ThemeForest.

Vorschau eines Theme-Entwurfs leitet zum aktuellen Theme weiter

Wenn du bei einem nicht veröffentlichten Theme auf Vorschau klickst und zu deinem aktuellen Theme umgeleitet wirst, hängt das fast immer mit dem Caching von Cloudflare zusammen.

Wenn du Cloudflare für deinen Shopify-Shop verwendest, hast du möglicherweise Caching-Einstellungen, die den Vorschaumechanismus von Shopify stören. Shopify verwendet ebenfalls Cloudflare für das Caching und diese Ebenen können manchmal in Konflikt geraten. Wir erwähnen potenzielle Konflikte mit externem Caching in unserer Dokumentation.

Um sicherzustellen, dass die Vorschauleiste korrekt funktioniert, deaktiviere das Caching auf Cloudflare für alle Anfragen für Shopify.

Vorschauleiste fehlt vollständig

Wenn die Vorschauleiste bei der Vorschau eines Themes nicht angezeigt wird, liegt das wahrscheinlich an benutzerdefiniertem Code oder einer Drittanbieter-App, die die Standardskripte deines Themes modifiziert.

Dieses Problem wird wahrscheinlich durch Änderungen verursacht, die das Liquid-Objekt betreffen, das sich normalerweise in der Datei `theme.liquid` deines Themes im Layout-Ordner befindet. Das Skript der Vorschauleiste benötigt das -Objekt, um korrekt zu laden. Eine Änderung dieses Objekts kann das Laden des Skripts verhindern, was zu einer fehlenden Vorschauleiste und anderen Problemen mit Shopify-Funktionen und Apps führt.

Du kannst dein Theme und deine Apps auf die Quelle der Änderung überprüfen. Erfahre, wie du eine Fehlerbehebung für dein Theme durchführst.