Woran erkenne ich, ob eine Shopify-App ein Problem verursacht?

Beeinträchtigt eine Shopify-App Ihren Shop? Erfahren Sie, wie Apps Ihr Theme verändern, welche Prüfungen sicher sind, wie Sie mit einem duplizierten Theme testen und wann Sie Hilfe holen sollten.

Support-Ticket eröffnen

Die meisten Shopify-Shops setzen auf Apps. Bewertungen, Upselling, Produktoptionen, Abonnements, Übersetzungen, Wunschlisten, Pop-ups, Versandregeln, Tracking: Jede Funktion stammt meist von einem anderen Entwickler.

Wenn im Shop plötzlich etwas falsch aussieht oder sich falsch verhält, gehört eine App oft zu den ersten Verdächtigen. Typische Symptome sind:

  • ein Abschnitt der Produktseite ist verschwunden oder verschoben
  • der Button „In den Warenkorb“ funktioniert nicht mehr
  • der seitliche Warenkorb öffnet sich leer oder zeigt eine falsche Summe
  • ein Pop-up, Badge oder Widget erscheint doppelt
  • Preise, Rabatte oder Produktoptionen werden falsch angezeigt
  • der Shop ist spürbar langsamer geworden
  • ein Fehler oder eine leere Fläche erscheint dort, wo früher ein Widget war

Die gute Nachricht: Shopify selbst wird gehostet und verwaltet, daher bedeutet ein App-Problem selten, dass Ihre Shop-Daten beschädigt sind. Produkte, Bestellungen und Kunden sind im Admin normalerweise weiterhin sicher. Betroffen ist meist die Storefront: das, was Ihre Kunden sehen und anklicken.

Schwierig ist, dass Apps auf verschiedene Weise in den Shop eingreifen können und zwei Apps, die einzeln einwandfrei funktionieren, sich gegenseitig stören können. Ziel ist es herauszufinden, welche App beteiligt ist, ohne blind Dinge zu entfernen.

Dieser Leitfaden erklärt, wie Apps mit Ihrem Theme zusammenwirken, was Sie sicher prüfen können, wie Sie mit einem duplizierten Theme testen und wann es sinnvoll ist, Hilfe zu holen.

Wie verändern Shopify-Apps meinen Shop?

Wenn Sie verstehen, wie Apps mit dem Shop verbunden sind, lässt sich viel leichter herausfinden, woher ein Problem kommt. Es gibt einige gängige Methoden.

App-Blöcke und App-Einbettungen

Viele moderne Apps nutzen die Theme-App-Erweiterungen von Shopify. Diese fügen hinzu:

  • App-Blöcke, die Sie im Theme-Editor in einem Abschnitt platzieren, zum Beispiel einen Bewertungsblock auf der Produktseite
  • App-Einbettungen, die für das gesamte Theme aktiviert werden und meist ein Skript, ein schwebendes Widget oder ein Pop-up laden

Das ist die sauberste Methode. Sie sehen diese Elemente im Theme-Editor, können sie ein- und ausschalten, und sie werden in der Regel beim Deinstallieren der App entfernt.

Code direkt im Theme

Ältere Apps und manche aktuelle fügen Code direkt in die Theme-Dateien ein. Das kann eine Snippet-Datei sein, eine Zeile in der Haupt-Layoutdatei oder Änderungen an Produkt- und Warenkorbvorlagen.

Dieser Code ist im Theme-Editor nicht immer sichtbar. Er wird beim Deinstallieren der App auch nicht immer automatisch entfernt.

Skripte, die außerhalb des Themes geladen werden

Manche Apps laden Skripte in der Storefront auf eine Weise, die nicht von den Theme-Dateien abhängt. Ein Theme-Wechsel oder das Entfernen von Code aus dem Theme stoppt sie also nicht unbedingt.

Tracking-Pixel und Kundenereignisse

Marketing- und Analyse-Apps registrieren oft Pixel, die Besuche, „In den Warenkorb“-Ereignisse und Käufe erfassen. Diese werden getrennt vom Theme in den Shop-Einstellungen verwaltet.

Apps, die Daten verändern

Manche Apps verändern im Hintergrund Daten wie Lagerbestand, Preise, Tags oder Rabattregeln. Wenn sie fehlerhaft arbeiten, kann das Symptom wie ein Theme-Problem aussehen, obwohl es eigentlich ein Datenproblem ist.

Woran erkennen Sie, dass eine App die Ursache ist?

Kein einzelnes Anzeichen beweist es, aber mehrere zusammen machen eine App zu einem starken Verdächtigen.

Der Zeitpunkt passt zu einer Änderung an einer App

Überlegen Sie, was kurz vor dem Auftreten des Problems passiert ist:

  • Haben Sie eine neue App installiert?
  • Hat eine bestehende App ein Update veröffentlicht oder ihre Einstellungen geändert?
  • Haben Sie eine Einstellung in einer App geändert?
  • Haben Sie eine neue App-Einbettung aktiviert oder einen App-Block hinzugefügt?
  • Hat jemand eine App deinstalliert?
  • Haben Sie ungefähr zur gleichen Zeit das Theme aktualisiert oder ersetzt?

Apps können sich ohne Ihr Zutun aktualisieren. Wenn sich auf Ihrer Seite nichts geändert hat, prüfen Sie das Änderungsprotokoll, die Release Notes oder die Support-Seite der App, oder sehen Sie in den Bewertungen der App nach, ob andere Händler dasselbe Problem melden.

Das Problem betrifft nur eine Funktion

Wenn nur der Bewertungsbereich, nur die Produktoptionen oder nur der seitliche Warenkorb betroffen ist, ist die App, die für diese Funktion zuständig ist, der naheliegende Ausgangspunkt. Bedenken Sie aber, dass eine andere App sie stören könnte.

Zwei Apps erledigen ähnliche Aufgaben

Konflikte sind besonders häufig, wenn zwei Apps am selben Teil des Shops arbeiten, zum Beispiel:

  • zwei Apps, die beide den Warenkorb verändern
  • ein Währungsumrechner und eine Übersetzungs-App
  • zwei Rabatt- oder Upselling-Apps
  • eine App für Produktoptionen und eine App für Bundles
  • eine Abonnement-App und ein individueller Button „In den Warenkorb“

Das Problem tritt nur auf manchen Seiten auf

Eine App wird vielleicht nur auf Produktseiten, Kollektionsseiten oder im Warenkorb geladen. Wenn das Problem diesem Muster folgt, deutet das auf die App hin, die dort geladen wird.

Was sollte ich zuerst prüfen?

Diese Prüfungen sind sicher und verändern nichts am Shop.

Notieren, was sich wann geändert hat

Halten Sie in einer einfachen Notiz fest: das Datum, an dem das Problem begann, kürzlich installierte, aktualisierte oder entfernte Apps, Änderungen am Theme und wer sonst noch Zugriff auf den Shop hat, etwa Mitarbeitende, Freelancer oder eine Agentur.

Das Problem in einem privaten Fenster nachstellen

Öffnen Sie den Shop in einem privaten Browserfenster oder im Inkognito-Modus, damit Sie ihn wie ein neuer Besucher sehen. Testen Sie auf Mobilgerät und Desktop.

Notieren Sie die URL der Seite, worauf Sie geklickt haben, was Sie erwartet haben und was stattdessen passiert ist. Ein Screenshot oder eine kurze Bildschirmaufnahme hilft allen, die das Problem untersuchen.

Prüfen, ob der Checkout betroffen ist

Versuchen Sie, mit einem Testprodukt bis zum Checkout zu gelangen. Wenn Kunden nicht bezahlen können, wird das Problem dringend, und Sie sollten sich vielleicht zuerst darum kümmern. Mehr zu dieser Situation finden Sie unter Shopify-Checkout funktioniert nicht.

Die installierten Apps durchsehen

Öffnen Sie im Shopify-Admin die Liste der installierten Apps und sehen Sie sie mit frischem Blick an:

  • Gibt es Apps, die Sie nicht mehr nutzen?
  • Gibt es Apps, die dieselbe Aufgabe erfüllen?
  • Gibt es kürzlich installierte Apps, die Sie nicht kennen?
  • Zeigt eine App eine Warnung an oder fordert neue Berechtigungen?

Deinstallieren Sie noch nichts. Erstellen Sie nur eine Liste.

Wie teste ich mit einem duplizierten Theme?

Ein Test mit einem duplizierten Theme ist der sicherste Weg, ein App-Problem im Zusammenhang mit dem Theme zu untersuchen. Ihr Live-Shop bleibt genau so, wie er ist, während Sie an einer Kopie experimentieren.

Das Grundprinzip:

  1. Duplizieren Sie das Live-Theme.
  2. Öffnen Sie das Duplikat im Theme-Editor.
  3. Schalten Sie jeweils eine App-Einbettung aus oder entfernen Sie einen App-Block.
  4. Rufen Sie die Vorschau des Duplikats auf und prüfen Sie, ob das Problem noch besteht.
  5. Notieren Sie das Ergebnis jeder Änderung.

Wenn das Problem nach dem Ausschalten einer bestimmten Einbettung verschwindet, haben Sie eine starke Spur.

Einige Punkte, die Sie beachten sollten:

  • Das duplizierte Theme ist nur für Sie in der Vorschau sichtbar, Kunden sind also nicht betroffen.
  • Änderungen am Duplikat wirken sich nicht auf das Live-Theme aus.
  • Manche Apps laden Skripte unabhängig vom Theme, die daher auch in der Vorschau weiterlaufen können.
  • Manche Apps sind an ein bestimmtes Theme gebunden und verhalten sich auf einer Kopie möglicherweise nicht identisch.

Wenn sich das Problem im Duplikat überhaupt nicht verändert, ist auch das eine nützliche Information. Es kann auf eine App hindeuten, die außerhalb des Themes arbeitet, auf die Einstellungen der App selbst oder auf etwas, das nichts mit Apps zu tun hat.

Was ist mit Code, den alte Apps zurückgelassen haben?

Das ist eine der häufigsten Ursachen für schwer erklärbare Probleme.

Wenn eine App Code direkt in das Theme einfügt und dann deinstalliert wird, kann dieser Code in den Theme-Dateien bleiben. Er kann:

  • versuchen, ein Skript zu laden, das es nicht mehr gibt
  • eine leere Box oder ein defektes Widget anzeigen
  • Fehler verursachen, die andere Skripte auf der Seite blockieren
  • den Shop verlangsamen
  • eine App stören, die ihn ersetzt hat

Manche App-Entwickler veröffentlichen Anleitungen, wie Sie ihren Code nach der Deinstallation entfernen. Sehen Sie also auf den Hilfeseiten der App nach.

Zurückgebliebener Code erklärt auch, warum eine frische Kopie Ihres Themes ein Problem manchmal verschwinden lässt. Das ist ein nützlicher Test, aber das Live-Theme auf diese Weise neu aufzubauen bedeutet, jede Anpassung erneut vorzunehmen.

Was Sie vermeiden sollten

Wenn der Shop nicht richtig funktioniert, ist die Versuchung groß, alles auf einmal auszuprobieren. Diese Maßnahmen machen die Lage oft schwerer verständlich oder schwerer rückgängig zu machen:

  • Mehrere Apps gleichzeitig deinstallieren. Sie wissen dann nicht, welche verantwortlich war, und verlieren möglicherweise App-Einstellungen und Daten, die schwer wiederherzustellen sind.
  • Den Code des Live-Themes direkt bearbeiten. Arbeiten Sie zuerst an einem Duplikat.
  • Code löschen, den Sie nicht verstehen. Er kann zu einer App gehören, die Sie noch nutzen, oder zu einer individuellen Funktion.
  • Eine weitere App installieren, um das Problem zu beheben. Das kann einen neuen Konflikt zum alten hinzufügen.
  • Überstürzt ein anderes Theme veröffentlichen. Das neue Theme enthält vielleicht nicht Ihre Abschnitte, Einstellungen oder App-Blöcke.
  • Die Daten der App ignorieren. Wenn Sie Apps für Bewertungen, Abonnements oder Treueprogramme deinstallieren, können Daten verloren gehen, auf die Kunden angewiesen sind. Prüfen Sie zuerst, ob ein Export möglich ist.

Sollte ich den App-Entwickler kontaktieren?

Oft ja. App-Entwickler kennen ihren eigenen Code und sehen dieselben Konflikte häufig in vielen Shops.

Damit Sie schnell eine hilfreiche Antwort erhalten, geben Sie an:

  • die myshopify-Adresse Ihres Shops
  • den Namen des Themes und seine Version, falls bekannt
  • die URL der Seite, auf der das Problem auftritt
  • eine kurze Beschreibung, was passiert und was passieren sollte
  • Screenshots oder eine Bildschirmaufnahme
  • wann das Problem begann
  • andere Apps, die an derselben Funktion arbeiten
  • was Sie bereits versucht haben, einschließlich Tests mit einem duplizierten Theme

Viele Entwickler bitten um Mitarbeiterzugriff, um das Problem zu untersuchen. Gewähren Sie nur die nötigen Berechtigungen, nutzen Sie die Shopify-Funktionen für Mitarbeiter- oder Partnerzugriff, statt Ihre eigenen Zugangsdaten weiterzugeben, und entfernen Sie den Zugriff nach Abschluss der Arbeit. Senden Sie Ihr Passwort niemals per E-Mail oder Chat.

Wenn zwei Apps in Konflikt stehen, verweist jeder Entwickler womöglich auf den anderen. Jemand, der den gesamten Shop betrachten kann, kann entscheiden, wo die Korrektur hingehört.

Wann sollte ich Unterstützung anfordern?

Es ist sinnvoll, einen Entwickler hinzuzuziehen, wenn:

  • Checkout, Warenkorb oder der Button „In den Warenkorb“ betroffen sind
  • Sie nach einfachen Tests nicht erkennen können, welche App verantwortlich ist
  • zwei oder mehr App-Entwickler aufeinander verweisen
  • das Problem Code betrifft, der direkt in das Theme eingefügt wurde
  • Sie zurückgebliebenen Code von längst entfernten Apps vermuten
  • der Shop viele Apps hat und langsam oder instabil geworden ist
  • das Problem Preise, Lagerbestand, Rabatte oder Bestellungen betrifft
  • Sie sich bei der Arbeit mit dem Theme-Code nicht sicher fühlen

Welche Informationen sollte ich sammeln?

Hier helfen dieselben Angaben, die Sie einem App-Entwickler schicken würden, dazu eine Liste der installierten Apps, die Ergebnisse von Tests mit einem duplizierten Theme, Antworten von Entwicklern und ob Kunden Probleme gemeldet haben. Sie brauchen nicht alles davon, um zu beginnen: Eine kurze Beschreibung genügt, um eine Anfrage zu stellen.

Wie D4Hub helfen kann

Ziel ist nicht nur, das Symptom verschwinden zu lassen, sondern zu verstehen, welche Komponente verantwortlich ist, und sie an der richtigen Stelle zu korrigieren.

Je nach Situation kann D4Hub Sie unterstützen bei:

  • der Prüfung Ihrer installierten Apps und wie jede mit dem Shop verbunden ist
  • Tests von App-Einbettungen und App-Blöcken mit einem duplizierten Theme
  • dem Auffinden und sicheren Entfernen von Code deinstallierter Apps
  • der Ermittlung von Konflikten zwischen Apps, die an derselben Funktion arbeiten
  • der Kommunikation mit App-Entwicklern mit den technischen Details, die sie brauchen
  • der Prüfung von Warenkorb, „In den Warenkorb“ und Checkout nach einer Korrektur
  • der Verringerung der Anzahl der Apps, wo sich mehrere überschneiden
  • Empfehlungen für einen sichereren Ablauf beim Installieren und Testen neuer Apps

Sie können in jeder Phase um Unterstützung bitten. D4Hub kann Sie durch eine einzelne Prüfung führen, bestätigen, ob eine Maßnahme sicher ist, oder die gesamte Untersuchung übernehmen.

Support-Ticket eröffnen

Für technisch versierte Nutzer: Apps und Theme-Code prüfen

Diese Prüfungen richten sich an Nutzer, die mit dem Shopify-Theme-Editor und dem Theme-Code vertraut sind. Arbeiten Sie immer an einem Duplikat des Live-Themes, nie am veröffentlichten Theme.

Sichern Sie vor dem Start das Live-Theme: Laden Sie entweder über das Aktionsmenü des Themes eine Kopie herunter (Shopify schickt die Datei per E-Mail) oder erstellen Sie ein zusätzliches Duplikat, das Sie als Referenz unverändert lassen.

Das Live-Theme duplizieren

  1. Gehen Sie im Shopify-Admin zu Online Store > Themes (auf Deutsch: Onlineshop > Themes).
  2. Öffnen Sie das Aktionsmenü (die drei Punkte) neben dem Live-Theme.
  3. Wählen Sie Duplicate (Duplizieren).
  4. Benennen Sie die Kopie eindeutig, zum Beispiel mit „App-Test“ und dem Datum.

Verwenden Sie diese Kopie für alle folgenden Schritte.

App-Einbettungen einzeln ausschalten

  1. Öffnen Sie das Duplikat im Theme-Editor, indem Sie auf Customize (Anpassen) klicken.
  2. Öffnen Sie in der linken Seitenleiste den Bereich App embeds (App-Einbettungen).
  3. Schalten Sie eine Einbettung aus und speichern Sie.
  4. Rufen Sie die Vorschau des Duplikats auf und testen Sie das Problem erneut.
  5. Schalten Sie die Einbettung wieder ein, bevor Sie die nächste testen, außer Sie möchten Kombinationen prüfen.

Halten Sie jedes Ergebnis fest. Wenn das Problem verschwindet, sobald eine bestimmte Einbettung ausgeschaltet ist, kontaktieren Sie den Entwickler dieser App mit den Details.

In der betroffenen Vorlage nach App-Blöcken suchen

Öffnen Sie im Theme-Editor die Vorlage, in der das Problem auftritt, etwa die Standard-Produktvorlage. Prüfen Sie die Abschnitte auf App-Blöcke. Blenden Sie sie im Duplikat einzeln aus oder entfernen Sie sie, und sehen Sie sich das Ergebnis in der Vorschau an.

Den Theme-Code nach App-Snippets durchsuchen

  1. Öffnen Sie im Duplikat das Aktionsmenü und wählen Sie Edit code (Code bearbeiten).
  2. Suchen Sie im Ordner Snippets nach Dateien, die nach Apps benannt sind, auch nach bereits deinstallierten Apps.
  3. Öffnen Sie die Haupt-Layoutdatei, meist layout/theme.liquid, und suchen Sie nach Zeilen, die diese Snippets einbinden oder externe Skripte laden.

App-Code erscheint oft als Zeile wie diese:

{% render 'app-name-snippet' %}

Ältere Themes verwenden möglicherweise include statt render. Wenn Sie einen Verweis auf eine App finden, die Sie nicht mehr nutzen, kommentieren Sie ihn im Duplikat aus, statt ihn zu löschen:

{% comment %}
{% render 'old-app-snippet' %}
{% endcomment %}

Rufen Sie die Vorschau auf und testen Sie. Wenn alles funktioniert, notieren Sie die Änderung, bevor Sie dieselbe Anpassung im Live-Theme vornehmen. Der Code-Editor speichert frühere Versionen jeder bearbeiteten Datei, was hilft, wenn Sie zurückgehen müssen.

Die Browser-Konsole prüfen

Öffnen Sie die betroffene Seite im Browser, öffnen Sie die Entwicklertools und sehen Sie sich den Tab Console (Konsole) an. Fehler, die eine Domain oder einen Skriptnamen einer App nennen, sind ein nützlicher Hinweis. Kopieren Sie den Text der Meldung für den App-Entwickler, prüfen Sie aber vorher, dass er keine personenbezogenen Daten enthält.

Pixel und App-Berechtigungen prüfen

Tracking-Apps registrieren möglicherweise Pixel, die in den Shop-Einstellungen statt im Theme verwaltet werden. Sehen Sie im Bereich für Kundenereignisse unter Settings (Einstellungen) nach, welche Pixel aktiv sind. Prüfen Sie in der Liste der installierten Apps die Zugriffsrechte jeder App und entfernen Sie Apps, die Sie nicht mehr nutzen, einzeln, nachdem Sie ihre Daten exportiert haben.

D4Hub hilft Ihnen, die Ergebnisse dieser Tests zu deuten und zu entscheiden, welche Änderung Sie sicher im Live-Shop umsetzen können.

Häufige Fragen

Kann eine App meine Produkte oder Bestellungen beschädigen?

Die meisten Apps, die Probleme in der Storefront verursachen, berühren Ihre Produkte und Bestellungen nicht. Apps mit der Berechtigung, Daten zu bearbeiten, etwa für Lagerbestand, Preise oder Massenbearbeitung, können bei Fehlfunktionen jedoch Daten verändern. Wenn Sie unerwartete Änderungen an Produkten oder Bestellungen bemerken, pausieren Sie die Automatisierungen der App und kontaktieren Sie den Entwickler, bevor Sie etwas anderes tun.

Entfernt das Deinstallieren einer App ihren gesamten Code?

Nicht immer. Apps, die mit Theme-App-Erweiterungen gebaut sind, werden meist sauber entfernt. Apps, die Code direkt in das Theme eingefügt haben, können Snippets und Skriptverweise zurücklassen, die Fehler verursachen oder den Shop verlangsamen.

Warum tritt das Problem in einem duplizierten Theme mit ausgeschalteter App weiterhin auf?

Manche Apps laden Skripte unabhängig vom Theme und laufen daher weiter, egal was Sie in den Theme-Dateien ändern. Das Problem kann auch von den Einstellungen der App selbst, von einer anderen App oder vom Theme selbst kommen. Ein Test mit einem duplizierten Theme grenzt die Ursache ein, beantwortet aber nicht jeden Fall.

Sollte ich alle Apps deinstallieren, um die Ursache zu finden?

Nein. Wenn Sie Apps im Live-Shop nacheinander entfernen, können Funktionen ausfallen, auf die Kunden angewiesen sind, und App-Daten gelöscht werden. Testen Sie zuerst mit einem duplizierten Theme und deinstallieren Sie eine App erst, wenn Sie sicher sind, dass sie die Ursache ist, und alles Nötige exportiert haben.

Wie viele Apps sind zu viele?

Es gibt keine feste Zahl. Entscheidend ist, ob jede App notwendig ist, ob sich mehrere Apps überschneiden und wie stark jede das Laden der Seiten belastet. Eine regelmäßige Überprüfung der installierten Apps ist eine gute Gewohnheit. Mehr dazu, wie Apps die Geschwindigkeit beeinflussen, finden Sie unter Warum ist mein Shopify-Shop langsam?.

Der App-Entwickler sagt, das Problem liege nicht an seiner App. Was nun?

Das kann stimmen: Die Ursache kann eine andere App oder das Theme sein. Teilen Sie ihm die Ergebnisse Ihrer Tests mit dem duplizierten Theme mit, und wenn zwei Entwickler jeweils auf den anderen verweisen, bitten Sie jemanden, der den gesamten Shop betrachten kann, herauszufinden, wo der Konflikt entsteht.