abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Link in neuem Tab starten

Gelöst
Larissa8
Tourist
12 0 3

Hallo,

ich habe ein kostenloses Theme (Debut) und möchte einen link auf einen neuen Tab starten, weil er zu einem externen Video auf Youtube führt.

Ist das möglich? Wenn ja, bitte wie?

Gruss Larissa

0 Likes
r8r
Shopify Expert
1003 106 321

Hallo @Larissa8 

wo genau möchtest du den link setzen?

Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
Larissa8
Tourist
12 0 3

Hi Mario,

auf der Startseite ist ein Bereich wo man ein Video einbetten kann (siehe Screenshot). Hilft dir das weiter?startseite.JPG

0 Likes
Larissa8
Tourist
12 0 3

Und noch eins, das Facebook Icon würde ich auch gerne mit Facebook als "öffnen in neuem tab" verbinden - wenn das geht ;)

0 Likes
r8r
Shopify Expert
1003 106 321

@Larissa8 möchtest du vielleicht, dass sich alle externen Links in einem neuen Fenster öffnen?

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
Larissa8
Tourist
12 0 3

ja wäre auch voll in Ordnung.

0 Likes
r8r
Shopify Expert
1003 106 321

Hi @Larissa8,

folgende JS-Zeile erledigt das für Dich – Du verwendest Debut, damit ist der jedenfalls kompatibel:

 

jQuery(document).ready(function(e){jQuery("a[href^='http']:not([href^='https://"+window.location.hostname.toLowerCase()+"'])").attr({target: "_blank"});});

 

Der einfachste (wenn auch nicht zwingendermaßen sauberste) Weg, den Code zu integrieren ist, wenn Du ihn am Ende der Datei assets/theme.js einfügst. 

Liebe Grüße,
Mario

edit: hab das noch etwas verkürzt

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
Larissa8
Tourist
12 0 3

Hi Mario,

hat leider nicht geklappt. 

Ich habe doch alles richtig gemacht, oder?

Bitte siehe Screenshot. 

Browser danach auch aktualisiert, aber trotzdem keine Änderungen.

VG LarissaCode änderunge Vidoe.JPG

0 Likes
r8r
Shopify Expert
1003 106 321

Hi @Larissa8 

das sieht gut aus. jQuery ist an dieser Stelle noch nicht verfügbar … dann müssen wir's auf vanilla JS umbauen. Statt der einen Zeile setz bitte diesen Code ein …

 

function targetBlank() {
  var internal = location.host.replace("www.", "");
      internal = new RegExp(internal, "i");
  var a = document.getElementsByTagName('a');
  for (var i = 0; i < a.length; i++) {
    var href = a[i].host;
    if (!internal.test(href)) {
      a[i].setAttribute('target', '_blank');
    }
  }
};
targetBlank();

 

(Quelle: https://gist.github.com/allybee/5871749)

Lg, Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
Larissa8
Tourist
12 0 3

 

0 Likes