Social Media Weiterleitung

[davidwi89]

Hallo zusammen,

was muss ich machen, damit sich die Weiterleitung meiner Social Media Kanäle (Facebook, Instagram), beim anklicken des Icons auf einer neuen Seite öffnen? Aktuell wird wird man im selben Fenster zu der jeweiligen Plattform weitergeleitet. Ich würde es aber gerne so haben, dass sich ein neues Browserfenster öffnet. Ich habe das Dawn Theme. 

[Klondev]

Konkret ist noch nicht klar an welcher Stelle du einen Link in einem neuen Fenster öffnen möchtest. Kannst du einen Screenshot posten an welchen Stellen Linkklicks zu einem neuen Browserfenster führen sollen?

[davidwi89]

Erst mal vielen Dank für die Antwort. Die Icons für die Social Media Verlinkungen befinden sich unten im Footer. Das ist die Standard Verlinkung in den Theme Einstellungen. 

[davidwi89]

[Kai · Accepted solution]

Hi Davidwi89,

um in Dawn die Social Media Icons des Footers in einem neuen Tab öffnen zu lassen, gehst du in deinem Admin auf:

1. Onlineshop > Themes > Aktionen > Code bearbeiten
2. Suchst in der Datei theme.liquid nach </body> (drücke STRG + F oder Befehlstaste + F auf dem Mac, um die Suchfunktion zu aktivieren).
3. Und fügst diesen Code direkt über dem </body>-Tag ein:

<script>
function addAnchorToIcons(){
var $icons = document.querySelectorAll(`.list-social__item a`);

if (!$icons){
return;
}

for (var each of $icons){
each.setAttribute("target", "_blank");
}

}

addAnchorToIcons();
</script>

Bevor du Code-Änderungen an deinem Shop vornimmst, also auch Apps installierst, ist es immer ratsam vorher das eigene Theme zu duplizieren, damit du immer eine funktionierende Version deines Themes gesichert hast.

Klappt das für dich?

Was für eine Art von Shopify Shop betreibst du und wer ist deine Zielgruppe?