Hinzufügen, Vorschau und Kauf von Themes
Um dir den Einstieg zu erleichtern, wird auf der Themes-Seite in deinem Adminbereich ein Standard-Theme eingerichtet, wenn du ein Konto bei Shopify anlegst. Falls du ein anderes Theme für deinen Onlineshop anpassen möchtest, musst du zunächst ein Theme zu deinem Adminbereich hinzufügen.
Zum Hinzufügen eines Themes gibt es die folgenden Methoden:
- Du kannst dein Unternehmen in deinen eigenen Worten beschreiben und mithilfe künstlicher Intelligenz ein kostenloses, personalisiertes Theme erstellen.
- Du kannst ein kostenloses Theme aus deinem Shopify-Adminbereich hinzufügen.
- Du kannst ein kostenpflichtiges Theme aus dem Shopify Theme Store testen. Du kannst jedes Theme in der Vorschau anzeigen und mit dem Theme-Editor anpassen. Du musst ein Theme kaufen, bevor du es in deinem Onlineshop veröffentlichen kannst.
- Wenn du bereits ein Theme in einer ZIP-Datei auf deinem Computer hast, kannst du dieses hochladen.
Wenn du Entwickler bist oder mit einem Shopify-Partner oder einer Agentur zusammenarbeitest, kannst du deinem Shop folgendermaßen ein Theme hinzufügen:
- Du kannst mithilfe der Shopify GitHub-Integration ein von GitHub gehostetes Theme zu deinem Shop hinzufügen.
- Du kannst mithilfe der Shopify CLI ein Theme in deinen Shop schieben.
Du kannst deinem Konto mehrere Themes hinzufügen, um neue Themes auszuprobieren, saisonale Versionen deines veröffentlichten Themes aufzubewahren oder Änderungen an einer Kopie deines veröffentlichten Themes zu testen. Du kannst eine Vorschau jedes Themes anzeigen, aber es kann 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, sodass du sämtliche unveröffentlichte Themes mit anderen als Vorschau teilen kannst. Dies kann hilfreich sein, wenn du Feedback haben möchtest, ehe du ein neues Theme veröffentlichst oder deinen Onlineshop startest. Das Teilen einer Vorschau deines veröffentlichten Themes ist nicht möglich.
Auf dieser Seite
- Theme-Voraussetzungen
- Erstelle ein kostenloses Theme mit künstlicher Intelligenz
- Ein kostenloses Theme aus dem Adminbereich hinzufügen
- Ein kostenpflichtiges Theme aus dem Shopify Theme Store testen
- Theme im Shopify Theme Store kaufen
- Eine Theme-Datei von deinem Computer hochladen
- Themes wechseln
- Theme-Vorschau
Theme-Voraussetzungen
Beachte die folgenden Voraussetzungen, wenn du Themes zu deinem Shop oder deiner Organisation hinzufügen möchtest:
- Die maximale Anzahl an Themes, die du hinzufügen kannst, hängt von deiner Preisübersicht ab: - Shops mit einem Shopify Starter-Abo können nur das Spotlight-Theme hinzufügen. - Shops und Organisationen mit einem Basic-, Shopify- oder Advanced-Abo können bis zu 20 Themes hinzufügen. - Shops und Organisationen mit einem Shopify Plus-Abo können bis zu 100 Themes hinzufügen.
Wenn du das Theme-Limit deines Plans erreicht hast, musst du ein Theme entfernen, bevor du ein neues hinzufügen kannst. Bei Erweiterungs-Shops ist für jeden Live-Erweiterungs-Shop eine Theme-Lizenz erforderlich.
Erstelle ein kostenloses Theme mit künstlicher Intelligenz
Du kannst KI nutzen, um ein kostenloses, individuelles Theme über die Themes-Seite deines Shopify-Adminbereichs zu erstellen. Shopify bietet Hilfe bei den Anpassungen von solch kostenlosen Themes.
Du kannst KI nutzen, um ein kostenloses, individuelles Theme über die Themes-Seite deines Shopify-Adminbereichs zu erstellen. Shopify bietet Hilfe bei den Anpassungen von solch kostenlosen Themes.
Schritte:
Desktop
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Erstelle im Abschnitt Gestalte deinen Shop in Sekundenschnelle eine Beschreibung deines Unternehmens und klicke dann auf Themes generieren, um bis zu 3 kostenlose, personalisierte Themes zu generieren.
Klicke auf das Theme, das dich interessiert, und dann auf Theme testen, um das Theme auf deinen Shop anzuwenden.
Das Theme wird daraufhin zum Theme-Bibliothek-Abschnitt deiner Themes-Seite in deinem Adminbereich hinzugefügt.
iPhone
Tippe in der Shopify-App auf das Symbol
.
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Im Abschnitt Gestalte deinen Shop in Sekundenschnelle im unteren Bereich der Seite kannst du dein Unternehmen vorstellen und dann auf Themes erstellen tippen, um bis zu 3 kostenlose personalisierte Themes zu erstellen.
Tippe auf das Theme, das dich interessiert, und tippe auf Theme testen, um das Theme auf deinen Shop anzuwenden.
Das Theme wird daraufhin zum Theme-Bibliothek-Abschnitt deiner Themes-Seite in deinem Adminbereich hinzugefügt.
Android
Tippe in der Shopify-App auf die Schaltfläche
.
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Im Abschnitt Gestalte deinen Shop in Sekundenschnelle im unteren Bereich der Seite kannst du dein Unternehmen vorstellen und dann auf Themes erstellen tippen, um bis zu 3 kostenlose personalisierte Themes zu erstellen.
Tippe auf das Theme, das dich interessiert, und dann auf Theme testen, um das Theme auf deinen Shop anzuwenden.
Das Theme wird daraufhin zum Theme-Bibliothek-Abschnitt deiner Themes-Seite in deinem Adminbereich hinzugefügt.
Ein kostenloses Theme aus dem Adminbereich hinzufügen
Von Shopify werden kostenlose Themes entwickelt. Shopify bietet Hilfe bei den Anpassungen von solch kostenlosen Themes.
Von Shopify werden kostenlose Themes entwickelt. Shopify bietet Hilfe bei den Anpassungen von solch kostenlosen Themes.
Schritte:
Desktop
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Sieh dir im Abschnitt Beliebte kostenlose Themes im unteren Bereich der Seite die besten kostenlosen Themes aus dem Shopify Theme Store an oder klicke auf Zum Theme Store, um alle verfügbaren Themes zu durchsuchen.
Klicke auf den Namen eines Themes, um die Details zu diesem Theme im Shopify Theme Store anzuzeigen.
Klicke auf die Schaltfläche Hinzufügen eines Themes. Das Theme wird daraufhin zum Theme-Bibliothek-Abschnitt deiner Themes-Seite in deinem Adminbereich hinzugefügt.
iPhone
Tippe in der Shopify-App auf das Symbol
.
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Sieh dir im Abschnitt Beliebte kostenlose Themes im unteren Bereich der Seite die besten kostenlosen Themes aus dem Shopify Theme Store an oder tippe auf Zum Theme Store, um alle verfügbaren Themes zu durchsuchen.
Tippe auf den Namen eines Themes, um die Details zu diesem Theme im Shopify Theme Store anzuzeigen.
Tippe bei einem Theme auf die Schaltfläche Hinzufügen. Das Theme wird daraufhin zum Theme-Bibliothek-Abschnitt deiner Themes-Seite in deinem Adminbereich hinzugefügt.
Android
Tippe in der Shopify-App auf die Schaltfläche
.
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Sieh dir im Abschnitt Beliebte kostenlose Themes im unteren Bereich der Seite die besten kostenlosen Themes aus dem Shopify Theme Store an oder tippe auf Zum Theme Store, um alle verfügbaren Themes zu durchsuchen.
Tippe auf den Namen eines Themes, um die Details zu diesem Theme im Shopify Theme Store anzuzeigen.
Tippe bei einem Theme auf die Schaltfläche Hinzufügen. Das Theme wird daraufhin zum Theme-Bibliothek-Abschnitt deiner Themes-Seite in deinem Adminbereich hinzugefügt.
Ein kostenpflichtiges Theme aus dem Shopify Theme Store testen
Bevor du dich zum Kauf eines bezahlten Themes entscheidest, kannst du es testen, indem du dir eine Vorschau des Themes in deinem Shopify-Adminbereich anzeigen lässt. Mit dem Theme-Editor kannst du ein in der Vorschau angezeigtes Theme abändern. Du kannst es zum Beispiel an deine Markenfarben, deinen Markenstil und deine Produkte anpassen. Wenn du das Theme kaufst, werden alle von dir vorgenommenen Anpassungen gespeichert.
Du kannst eine Vorschau von bis zu 19 kostenpflichtigen Themes gleichzeitig anzeigen. So kannst du verschiedene Themes vor dem Kauf vergleichen. Kostenpflichtige Themes, die du gerade testest, sind mit einem Theme-Testetikett versehen.
Um Support für ein bezahltes Theme zu erhalten, kontaktiere den Entwickler des Themes.
Schritte:
- Besuche den Shopify Theme Store und wähle ein bezahltes Theme aus.
- Klicke auf Theme testen, um das Theme zu deinem Onlineshop hinzuzufügen.
- Klicke in deinem Shopify-Adminbereich auf Onlineshop > Themes.
- Klicke im Abschnitt Theme-Bibliothek auf die horizontale Menüschaltfläche
, um das Aktionsmenü neben dem Theme zu öffnen, das du in der Vorschau ansehen möchtest.
- Klicke auf Vorschau.
Du kannst auch ein Theme anpassen, das du in der Vorschau siehst. Wenn du mit dem Theme zufrieden bist, kannst du das Theme kaufen. Alle Anpassungen, die du am Theme vorgenommen hast, werden gespeichert.
Theme im Shopify Theme Store kaufen
Nur Benutzer:innen, die alle folgenden Berechtigungen auf Shop-Ebene besitzen, 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 es kaufen. Du kannst Themes nur in deinem Onlineshop veröffentlichen, wenn du sie gekauft hast. Wenn du ein Theme aus dem Shopify Theme Store kaufst, wird dieses Theme ausschließlich für den Shop lizenziert, für den der Kauf vorgenommen wurde. Wenn du dein Theme in einem anderen Shop verwenden möchtest, bist du u. U. dazu berechtigt, das Theme zu übertragen.
Bezahlte Themes werden von externen Theme-Entwicklern erstellt. Allgemeiner Support und Updates für Drittanbieter-Themes werden vom Theme-Entwickler bereitgestellt. Wenn du erweiterte Anpassungen benötigst, jedoch keine Erfahrung in der Entwicklung von Websites mit HTML, CSS und JavaScript hast, solltest du darüber nachdenken, einen Shopify-Partner zu engagieren.
Schritte:
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Klicke auf Themes hinzufügen > Theme Store besuchen.
Suche nach einem Theme, das du kaufen möchtest, und klicke dann auf Theme testen.
Klicke im Abschnitt Theme-Bibliothek für das Theme auf Kaufen, das du kaufen möchtest, um die Transaktion zu starten.
Eine Theme-Datei von deinem Computer hochladen
Wenn du ein Theme in einer ZIP-Datei auf deinem Computer abgelegt hast, kannst du dieses auf der 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 der Themes-Seite deines Shopify-Adminbereichs hinzugefügt.
Schritte:
Desktop
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Klicke im Abschnitt Theme-Bibliothek auf Theme hinzufügen > ZIP-Datei hochladen.
Klicke im Dialogfeld Theme hochladen auf Datei auswählen, um die ZIP-Datei auszuwählen, die du hochladen möchtest.
Klicke auf Hochladen.
iPhone
Tippe in der Shopify-App auf das Symbol
.
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Tippe im Abschnitt Theme-Bibliothek auf Theme hinzufügen > ZIP-Datei hochladen.
Tippe im Dialogfeld Theme hochladen auf Datei auswählen, um die ZIP-Datei auszuwählen, die du hochladen möchtest.
Tippe auf Hochladen.
Android
Tippe in der Shopify-App auf die Schaltfläche
.
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Tippe im Abschnitt Theme-Bibliothek auf Theme hinzufügen > ZIP-Datei hochladen.
Tippe im Dialogfeld Theme hochladen auf Datei auswählen, um die ZIP-Datei auszuwählen, die du hochladen möchtest.
Tippe auf Hochladen.
Themes wechseln
Wenn du deinem Shop neue Themes hinzufügst, werden diese in Shopify im Abschnitt Theme-Bibliothek auf der Seite Themes angezeigt. Du kannst zu einem neuen Theme wechseln, indem du es in deinem Onlineshop veröffentlichst. Wenn du ein neues Theme veröffentlichst, ist dein altes Theme weiterhin in der Theme-Bibliothek verfügbar (und du kannst bei Bedarf wieder zum alten Theme wechseln).
Wenn du dein Theme manuell aktualisierst, wird die aktualisierte Version deines Themes als separate Version in der Theme-Bibliothek angezeigt. Wenn du zur aktualisierten Version wechselst, ist die alte Version deines Themes noch in der Theme-Bibliothek verfügbar. Mehr Informationen findest du unter Themes aktualisieren.
Vorbereitung für den Wechsel der Themes
Wenn du ein Theme zu deiner Theme-Bibliothek hinzufügst, kannst du es vor der Veröffentlichung anpassen. Dies ist eine gute Gelegenheit, das neue Theme zu überprüfen und die Einstellungen und Inhalte anzupassen, damit sie dein Unternehmen widerspiegeln, bevor du dein vorhandenes Theme ersetzt. Du kannst auch 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 beim Wechsel zu einem neuen Theme nicht geändert oder gelöscht, da sie getrennt vom Theme im Adminbereich verwaltet werden. Die Inhalte und Einstellungen, die mit dem Theme-Editor, dem Theme-Code-Editor und dem Spracheditor verwaltet werden, sind jedoch für jedes von dir hochgeladene Theme und jede Theme-Version eindeutig.
Die folgenden Bereiche deines Onlineshops sind dem Theme zugeordnet. Du musst diese Bereiche deines Onlineshops für jedes Theme anpassen, das du verwenden möchtest:
- Die Einstellungen, die in deinem Shop auf Abschnitte und Blöcke angewendet werden
- Globale Theme-Einstellungen, einschließlich Farben und Schriftarten, die auf deinen Onlineshop angewendet werden
- Text und Formulierung
- Code-Anpassungen, einschließlich Code-Anpassungen, die von einer App hinzugefügt wurden
- Verfügbare Theme-Vorlagen
Nicht alle Themes unterstützen alle Shopify-Funktionen. Du solltest die Feature-Liste des Themes überprüfen, um sicherzustellen, dass es über die Funktionen verfügt, die du benötigst.
Theme-Vorschau
Du kannst dir eine Vorschau sämtlicher Themes im Themes-Bereich deines Onlineshops anzeigen lassen. Die Vorschau zeigt in einem Browser-Tab das gewählte Theme in deinem Onlineshop mit der Onlineshop-Vorschauleiste an.
In der Vorschauleiste des Onlineshops werden die folgenden Informationen zu deinem Theme angezeigt:
- Der Name des Themes.
- Der Status des Themes. Dein veröffentlichtes Theme hat den Status Live. Unveröffentlichte Themes haben den Status Entwurf.
Du kannst die Vorschau mit den folgenden Aktionen anpassen:
- Im Abschnitt
Anzeigen als kannst du ein anderes Land oder eine andere Sprache für die Vorschau auswählen. Mehr Informationen über internationale Märkte und das Hinzufügen zusätzlicher Sprachen zu deinem Theme.
- Klicke auf die Schaltfläche
, 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 anpassen, um den Theme-Editor zu öffnen und das Theme anzupassen.
- Klicke am oberen Rand der Vorschauleiste, um sie zu minimieren. Klicke erneut, um sie zu erweitern.
Theme-Vorschau mit anderen teilen
Wenn du kurz vor dem Launch deines Onlineshops stehst oder planst, das Erscheinungsbild deines Shops zu ändern, indem du ein neues Theme veröffentlichst, kannst du andere um Feedback bitten, indem du eine Voransicht deines Themes teilst.
Du kannst einen Link erstellen, über den andere auf eine Voransicht eines Themes zugreifen können, das du in deinem Shopify-Adminbereich hinzugefügt hast. Das Theme muss zum Teilen nicht veröffentlicht werden.
Ein Vorschau-Link ermöglicht es anderen, deinen Onlineshop zu erkunden, verhindert jedoch, dass sie auf den Checkout zugreifen. Nachdem du einen Vorschau-Link erstellt hast, bleibt dieser zwei Tage lang aktiv. Du kannst beliebig oft neue Links erstellen. Das Erstellen eines neuen Links wirkt sich nicht auf bestehende Vorschau-Links aus.
Schritte:
Desktop
Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
Klicke bei dem Theme, das du teilen möchtest, auf die horizontale Menüschaltfläche
, um das Aktionsmenü zu öffnen, und klicke dann auf Vorschau.
Optional: Wähle ein anderes Land, eine andere Sprache oder beides aus, um die Vorschau zu ändern.
Klicke auf die Schaltfläche
, um den Link in deine Zwischenablage zu kopieren.
iPhone
Tippe in der Shopify-App auf das Symbol
.
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Tippe bei dem Theme, das du teilen möchtest, auf die horizontale Menüschaltfläche
, um das Aktionsmenü zu öffnen, und tippe dann auf Vorschau.
Optional: Wähle ein anderes Land, eine andere Sprache oder beides aus, um die Vorschau zu ändern.
Tippe auf
, um den Link in deine Zwischenablage zu kopieren.
Android
Tippe in der Shopify-App auf die Schaltfläche
.
Klicke im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Tippe bei dem Theme, das du teilen möchtest, auf die horizontale Menüschaltfläche
, um das Aktionsmenü zu öffnen, und tippe dann auf Vorschau.
Optional: Wähle ein anderes Land, eine andere Sprache oder beides aus, um die Vorschau zu ändern.
Tippe auf
, um den Link in deine Zwischenablage zu kopieren.
Fehlerbehebung bei Theme-Vorschau
Es gibt verschiedene Umstände, die dazu führen können, dass deine Theme-Vorschau oder die Vorschauleiste nicht richtig angezeigt werden. Wenn nach Überprüfung der Schritte in diesem Leitfaden weiterhin Probleme mit deinem Theme auftreten, wende dich an das Support-Team deines Themes. Mehr Informationen zu Support für Themes erhalten.
Die Vorschauleiste wird in deinem aktiven Shop angezeigt
Dies geschieht normalerweise, wenn dein Theme fälschlicherweise einen Parameter namens preview_theme_id
zur URL deines Onlineshops hinzufügt. Dieser Parameter ist nur für die interne Vorschau gedacht. Wenn er jedoch in der Live-URL vorhanden ist, wird die Vorschauleiste für alle Besucher:innen angezeigt.
Besuche deinen Onlineshop und suche in der Adressleiste des Browsers nach dem Parameter preview_theme_id
. Außerdem kannst du deine Kund:innen bitten, dir die Linkadresse weiterzuleiten, in der die Vorschauleiste angezeigt wird.
Wenn der Parameter preview_theme_id
in der URL deines Onlineshops enthalten ist, wende dich für Support an den Entwickler des Themes und schildere 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 löschen, der ihn zur URL hinzufügt. Die Dateien layout
und Dateien, die Javascript enthalten (mit der Endung .js
), enthalten höchstwahrscheinlich diesen Codetyp. Bearbeite den Code für ein Theme nur, wenn du dich mit HTML und CSS auskennst und über ein grundlegendes Verständnis von Liquid, der Vorlagensprache von Shopify, JSON und JavaScript verfügst.
Dieses Problem wurde bei Themes gemeldet, die außerhalb des Shopify Theme Stores gekauft wurden, beispielsweise beim Lumia-Theme von ThemeForest.
Weiterleitung bei der Vorschau eines Theme-Entwurfs zum aktuellen Theme
Wenn du bei einem unveröffentlichten Theme auf Vorschau klickst und zu deinem aktuellen Theme weitergeleitet wirst, hängt dies fast immer mit Cloudflare-Caching zusammen.
Wenn du Cloudflare vor deinem Shopify-Shop verwendest, besitzt du möglicherweise Caching-Einstellungen, die den Vorschaumechanismus von Shopify beeinträchtigen. Shopify verwendet Cloudflare auch zum Caching. Zwischen diesen Ebenen kann es manchmal zu Konflikten kommen. Wir erwähnen mögliche Konflikte mit externem Caching in unserer Dokumentation.
Um sicherzustellen, dass die Vorschauleiste ordnungsgemäß funktioniert, deaktiviere das Caching auf Cloudflare für alle Anfragen für Shopify.
Fehlende Vorschauleiste
Wenn die Vorschauleiste bei der Vorschau eines Themes nicht angezeigt wird, liegt dies wahrscheinlich an einem benutzerdefinierten Code oder einer Drittanbieter-App, die die Standardskripte deines Themes ändern.
Dieses Problem wird wahrscheinlich durch Änderungen verursacht, die das Liquid-Objekt betreffen, das sich normalerweise in der `theme.liquid`-Datei im Layout-Ordner deines Themes befindet. Das Skript der Vorschauleiste erfordert, dass das Objekt
korrekt geladen wird. Das Ändern dieses Objekts kann dazu führen, dass das Skript nicht geladen wird, was zu einer fehlenden Vorschauleiste und anderen Problemen mit Shopify-Funktionen und -Apps führen kann.
Du kannst dein Theme und deine Apps auf die Herkunft der Änderung überprüfen. Erfahre, wie du Probleme mit deinem Theme behebst.