Externe Links in einem neuen Tab öffnen

Diese Seite wurde gedruckt um Dec 09, 2022. Die neueste Version findest du unter https://help.shopify.com/de/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/open-external-links-in-new-tab.

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.

  1. Gehe in deinem Shopify-Adminbereich auf 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.

  1. Tippe in der Shopify App auf Shop.

  2. Tippe unter 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.

  1. Tippe in der Shopify App auf Shop.

  2. Tippe unter 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.

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

  2. 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.

Bereit, mit Shopify zu verkaufen?

Kostenlos testen