Externe Links in einem neuen Tab öffnen

Achtung

Vintage-Themes sind nicht im Theme Store verfügbar. Vintage-Themes verfügen nicht über die Funktionen, die in den Onlineshop 2.0-Themes von Shopify enthalten sind. Kostenlose Shopify-Vintage-Theme erhalten nur sicherheitsbezogene Aktualisierungen.

Hinweis

Wenn du ein kostenloses Theme von Shopify verwendest, kannst du dich an den Shopify Support wenden, um Hilfe zu diesem Tutorial zu erhalten. Die Designzeit beträgt 15 Minuten. Erfahre mehr über die Designrichtlinie von Shopify.

Hinweis

Diese Anpassung ist für Vintage-Shopify-Themes und gilt nicht für Online Store 2.0-Themes.

• Finde die Architekturversion deines Themes heraus
• Entdecke die Anpassungsmöglichkeiten für Online Store 2.0-Themes

Du kannst Code zu deinem Theme hinzufügen, damit in deinem Onlineshop angezeigte externe Links in einem neuen Browser-Tab geöffnet werden. Dies kann von Vorteil sein, da so verhindert wird, dass Kunden deinem Onlineshop verlassen. Externe Links sind URLs, die Kunden auf eine andere Website leiten, z. B. Verlinkungen, die in Social-Media-Symbolen enthalten sind.

JavaScript-Datei des Themes Code hinzufügen

Damit externe Links in einem neuen Browser-Tab geöffnet werden, musst du die JavaScript-Datei deines Themes bearbeiten.

Schritte:

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.

3. Klicke im Verzeichnis Assets auf eine der folgenden Dateien:

   • theme.js
   • theme.js.liquid
   • custom.js

4. Füge den folgenden Code am Ende der Datei hinzu:

var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
  if (links[i].hostname !== window.location.hostname) {
    links[i].target = '_blank';
    links[i].rel = 'noreferrer noopener';
  }
}

1. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.

5. Klicke im Verzeichnis Assets auf eine der folgenden Dateien:

   • theme.js
   • theme.js.liquid
   • custom.js

6. Füge den folgenden Code am Ende der Datei hinzu:

var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
  if (links[i].hostname !== window.location.hostname) {
    links[i].target = '_blank';
    links[i].rel = 'noreferrer noopener';
  }
}

1. Klicke auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.

5. Klicke im Verzeichnis Assets auf eine der folgenden Dateien:

   • theme.js
   • theme.js.liquid
   • custom.js

6. Füge den folgenden Code am Ende der Datei hinzu:

var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
  if (links[i].hostname !== window.location.hostname) {
    links[i].target = '_blank';
    links[i].rel = 'noreferrer noopener';
  }
}

1. Klicke auf Speichern.