Liquid, JavaScript, Themes
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.
Gelöst! Zur Lösung
Erfolg.
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?
Kai | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
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?
Stephan | Founder @ byteriver
- GRATIS Shopify-Buch auf byteriver.de
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.
Erfolg.
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?
Kai | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024