Rechtsklick auf Shopify deaktivieren (und seine Grenzen)

Kann man Rechtsklick auf Shopify deaktivieren?

Ja. Sie können ein kurzes Skript zu Ihrem Shopify-Theme hinzufügen, das das Rechtsklick-Menü, das Kopieren und das Ziehen von Bildern unterbindet, oder eine App nutzen, die dasselbe ohne Code-Bearbeitung tut. So oder so verlangsamt es nur beiläufiges Kopieren: Screenshots, Handykameras und alle, die Ihre öffentlichen Produktdaten lesen, kommen trotzdem durch.

Hinweis: Die Shopify-Einstellungen, Bezeichnungen und das Theme-Verhalten auf dieser Seite wurden am 26. September 2026 anhand von Shopifys Dokumentation geprüft.

Der Shopify-Adminbereich hat dafür keine Einstellung, die Wahl besteht also zwischen ein paar Zeilen Theme-Code und einer App. Der Code kostet nichts, lebt aber in den Dateien eines Themes. Eine App lässt sich leichter abschalten und bleibt beim Aktualisieren Ihres Themes erhalten, fügt aber ihr eigenes Skript zu jeder Seite hinzu. Beide verlassen sich auf JavaScript im Browser des Käufers, teilen also die in was Rechtsklick-Schutz nicht stoppen kann beschriebenen Grenzen.

Wie mache ich das mit Code?

Fügen Sie das Skript unten in layout/theme.liquid ein. Shopify verlangt diese Datei in jedem Theme und nutzt sie für die Markup-Teile, die sich über Seitentypen wiederholen, ein Einfügen deckt also Ihre gesamte Storefront ab (Shopifys Layout-Dokumentation).

<script>
  (function () {
    // Formularfelder funktionieren weiter: Käufer können dort weiterhin per Rechtsklick einfügen oder die Rechtschreibprüfung nutzen.
    function inField(target) {
      return target instanceof Element && target.closest('input, textarea') !== null;
    }

    // Das Rechtsklick-Menü (und die Menütaste der Tastatur) außerhalb von Formularfeldern unterbinden.
    document.addEventListener('contextmenu', function (event) {
      if (!inField(event.target)) event.preventDefault();
    });

    // Das Kopieren von Seitentext stoppen. Text, der in ein Feld getippt wurde, lässt sich weiterhin kopieren.
    document.addEventListener('copy', function (event) {
      if (!inField(event.target)) event.preventDefault();
    });

    // Verhindern, dass Bilder aus der Seite gezogen werden.
    document.addEventListener('dragstart', function (event) {
      if (event.target instanceof HTMLImageElement) event.preventDefault();
    });
  })();
</script>

Das Skript zu Ihrem Theme hinzufügen

1. Gehen Sie in Ihrem Shopify-Adminbereich zu Online Store.
2. Erstellen Sie zuerst ein Backup, wie Shopify es empfiehlt: Klicken Sie neben Ihrem aktuellen Theme auf ⋯, dann auf Duplicate. Die Kopie erscheint auf Ihrer Seite Themes.
3. Klicken Sie bei Ihrem aktuellen Theme auf ⋯, dann auf Edit code. Der Code-Editor öffnet sich.
4. Öffnen Sie im Ordner layout die Datei theme.liquid.
5. Suchen Sie das schließende </body>-Tag gegen Ende der Datei und fügen Sie das Skript in der Zeile direkt davor ein.
6. Klicken Sie auf Save.
7. Öffnen Sie Ihren Shop in einem privaten Fenster und klicken Sie mit rechts auf ein Produktbild. Es erscheint kein Menü. Klicken Sie mit rechts in ein Such- oder E-Mail-Feld: Dort funktioniert das Menü weiterhin.

Was jeder Teil bewirkt

• contextmenu unterbindet das Browser-Menü, das sich bei einem Rechtsklick oder der Menütaste der Tastatur öffnet, wo Save image as und Copy liegen. Formularfelder behalten ihres.
• copy stoppt, dass ausgewählter Seitentext in die Zwischenablage gelangt, egal ob der Käufer die Tastatur oder das Edit-Menü des Browsers nutzt.
• dragstart verhindert, dass ein Produktfoto auf den Desktop gezogen wird.

Das Skript lässt die Textauswahl absichtlich unangetastet. Menschen wählen Text aus, um ihn zu übersetzen, ein Wort nachzuschlagen oder ihn vorlesen zu lassen, und das Blockieren der Auswahl würde alle drei brechen.

Wenn Sie sich nur um Fotos sorgen, machen Sie es sanfter: Ersetzen Sie im contextmenu-Handler !inField(event.target) durch event.target instanceof HTMLImageElement, und löschen Sie den copy-Handler. Text und Links verhalten sich dann normal, und nur Bilder verlieren ihr Menü.

Wichtig: Testen Sie nach dem Speichern jeden „Rabattcode kopieren”-Button in Ihrem Shop. Manche basieren auf dem Copy-Befehl des Browsers, den dieses Skript jetzt unterbindet.

Über Theme-Updates hinweg beibehalten

Wenn Sie Ihr Theme auf eine neue Version aktualisieren, überträgt Shopify Ihre Code-Änderungen nur, wenn sie nicht mit dem Update kollidieren. Fehlen sie, kopieren Sie sie selbst in die neue Version, und Shopify rät, vor jedem Update eine Kopie des angepassten Codes zu speichern (Themes aktualisieren). Wenn Sie zu einem anderen Theme wechseln, fügen Sie das Skript auch dort ein. Zum Entfernen löschen Sie die Zeilen und klicken auf Save.

Wie mache ich das mit einer App?

Installieren Sie eine Content-Protection-App und schalten Sie nur die Verhaltensweisen ein, die Sie brauchen. Eine App, die über ein Theme-App-Embed lädt, braucht nichts Eingefügtes, und Shopify überträgt App-Embed-Einstellungen, wenn Sie Ihr Theme aktualisieren.

X Shield, das wir entwickeln, hat für jede Verhaltensweise einen eigenen Schalter, alle im Free-Tarif enthalten (X Shields Tarife). Jeder Schutz startet ausgeschaltet, und nichts läuft, bis das App-Embed an ist:

1. Installieren Sie X Shield und öffnen Sie es einmal.
2. Klicken Sie auf der Übersicht auf Im Theme aktivieren. Ihr Theme-Editor öffnet sich mit eingeschaltetem X-Shield-App-Embed. Klicken Sie auf Save.
3. Schalten Sie zurück auf der Übersicht unter Inhalte und Medien Rechtsklick auf Medien ein. Eine Meldung zeigt Funktion aktiviert. Das ist die sanfteste Option: Bilder lassen sich nicht per Rechtsklick speichern, und das Menü funktioniert bei Text und Links weiterhin.
4. Schalten Sie alles Weitere aus der Tabelle unten nur ein, wenn Sie es brauchen.
5. Um die kleine Meldung zu ändern oder zu verbergen, die Besucher sehen, wenn eine Aktion verweigert wird, gehen Sie zu Blockierungsseite → Schutzwarnungen.
6. Prüfen Sie das Ergebnis in einem privaten Fenster.

Was jeder Schalter im Detail bewirkt, steht in Rechtsklick mit X Shield deaktivieren. Wie das Snippet brauchen diese Schalter JavaScript, die Grenzen unten gelten also auch für sie. Die App fügt außerdem ihr eigenes Skript zu jeder Seite hinzu, prüfen Sie also Ihre Geschwindigkeitswerte nach der Installation.

Tipp: Wenn Kopieren Teil eines größeren Scraping-Problems ist, blockiert X Shield, ein kostenloser Länder- und Bot-Blocker für Shopify, aus demselben Adminbereich auch Länder, IP-Adressen und Bots.

Was kann Rechtsklick-Schutz nicht stoppen?

Alles, was nicht über das eigene Menü oder die Zwischenablage der Seite läuft. Behandeln Sie es als Reibung für beiläufige Besucher, nicht als Kopierschutz:

• Screenshots und Handykameras. Eine Webseite kann keines von beiden zuverlässig verhindern.
• Die eigenen Werkzeuge des Browsers. Save page as, Seitenquelltext und Entwicklertools öffnen sich alle über das Menü des Browsers, das ein Seitenskript nicht erreichen kann. JavaScript auszuschalten entfernt den Schutz vollständig.
• Firefox-Nutzer, die Shift gedrückt halten. In Firefox öffnet Shift plus Rechtsklick das Menü, ohne das Ereignis auszulösen, das das Skript unterbindet (MDN: contextmenu-Ereignis).
• iPhones und iPads. Safari unter iOS löst das Rechtsklick-Ereignis überhaupt nicht aus (MDNs Kompatibilitätsdaten führen es als nicht unterstützt), sein Menü beim langen Drücken bleibt von diesem Skript also unberührt.
• Ihre Bilddateien. Jedes Produktfoto hat eine öffentliche Adresse, die in Ihrem Seitenquelltext steht.
• Scraper und Spionage-Tools. Sie fragen Ihren Katalog als Daten ab, etwa aus Shopifys Produkt-JSON, und führen Ihr Skript nie aus. Siehe was Shopify-Spionage-Tools sehen können.

Wenn jemand Ihre Fotos oder Beschreibungen tatsächlich in einen anderen Shopify-Shop kopiert, ist eine Urheberrechtsbeschwerde das wirksame Mittel. Shopify reagiert auf Vorwürfe der Urheberrechtsverletzung nach DMCA-Verfahren und nimmt Meldungen über ein Online-Formular entgegen (Urheberrechtsverletzung melden). Ihre eigene Fotografie, mit aufbewahrten Originalen, macht diesen Nachweis leicht zu erbringen.

Schadet es der SEO oder der Barrierefreiheit?

Nicht der SEO. Suchmaschinen lesen Ihr HTML und klicken oder kopieren nie mit rechts, weder das Skript noch eine App ändern also, was gecrawlt oder indexiert wird, und Ihre Produktfotos können weiterhin in der Bildersuche erscheinen. Barrierefreiheit sind die echten Kosten, und sie treffen Ihre Kunden.

• Tastaturnutzer. Die Menütaste der Tastatur löst dasselbe Ereignis aus wie ein Rechtsklick, das eine zu blockieren blockiert also beide.
• Alltägliche Werkzeuge. Menschen nutzen das Rechtsklick-Menü, um Links in neuen Tabs zu öffnen, eine Seite zu übersetzen, die Rechtschreibung zu prüfen und Wörter nachzuschlagen.
• Kopieren. Käufer kopieren Text in Übersetzungs- und Vorlesetools und kopieren Details, die sie brauchen: eine Bestellnummer, Ihre Adresse, einen Rabattcode.
• Auswählen. Manche Leser markieren Text beim Lesen. Die Auswahl zu blockieren nimmt ihnen das, weshalb das Snippet oben sie unangetastet lässt.
• Einfügen. Einfügen zu blockieren hindert Menschen daran, eine Adresse oder E-Mail in Ihre Formulare einzufügen. Es schützt nichts, weil Einfügen nichts aus Ihrem Shop kopiert.

Wenn Sie Inhalte schützen, schützen Sie Bilder statt Text: Blockieren Sie das Menü nur bei Bildern, lassen Sie Kopieren und Auswahl unangetastet, und blockieren Sie niemals Einfügen.