Shopify: Externe Links in externem Fenster oder Tab öffnen

In Shopify werden alle Links normalerweise im selben Fenster geöffnet. Es gibt aber verständliche Kundenanfragen, die sich wünschen dass z.B. die SocialMedia-Links anstatt von der eigenen Seite wegzuführen, in einem neuen Fenster oder Browser-Tab geöffnet werden.

Zum öffnen von externen Links gibt es leider keinen Standard in Shopify, aber man kann dies durch einen relativ kleinen Eingriff in den Templates erreichen, dokumentiert ist dies unter anderem bei Shopify direkt.

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';
  }
}; 

Der oben genannte Link empfiehlt den Code in Dateien zu integrieren welche zum Beispiel in dem Dawn Template gar nicht vorhanden sind. Dort allerdings kann der o.g. Quellcode in der theme.liquid-Datei ganz am Ende for dem </script>-tag eingebaut werden, und schon funktioniert es.