Innerhalb einer Artikelseite per Link in ein Tab springen

John

Sehr aktives Mitglied
3. März 2012
1.103
27
Ich möchte innerhalb einer Artikelseite per Link auf ein Tab springen, es aktiv setzen und den Inhalt anzeigen ganz so, als würde man per Hand dort hinspringen und auf das tab klicken.

Hintergrund: Mein Artikel hat eine Variation "Größe". Ich habe eine Größtentabelle in einem Tab und möchte per Link in diese Tab springen können.

Hat das jemand schonmal gemacht?
 

boaa-group

Sehr aktives Mitglied
28. Dezember 2007
4.932
6
Thailand, Bangkok
AW: Innerhalb einer Artikelseite per Link in ein Tab springen

HTML:
<a href="#box_votes" onClick="$('ul.semtabs li.ratings').trigger('click');">Testlink</a>
#box_votes wäre in dem Fall die "id" des Bewertungstabs.
ul.semtabs li.ratings wäre der Tab "Bewertungen" den du anklickst um den Tab zu öffnen.
 

John

Sehr aktives Mitglied
3. März 2012
1.103
27
AW: Innerhalb einer Artikelseite per Link in ein Tab springen

Super, funktioniert 1a

Vielen Dank
 

John

Sehr aktives Mitglied
3. März 2012
1.103
27
AW: Innerhalb einer Artikelseite per Link in ein Tab springen

Nachtrag.
Die bisherige Lösung scheitert leider in Variationskombinations-Kinderartikeln. Es wird unmittelbar nach dem Sprung auf das Tab die Startseite des SHops geladen und man ist aus dem Artikel raus.

Folgende Lösung funktioniert bei mir.

1. In dem Order /templates/JTL-Shop3-Tiny/js/ eine Datei namens "custom.js" erzeugen und in Ihr folgende Funktion speichern. Wenn diese Datei bereits vorhanden ist, die Funktion hinzufügen.

Code:
function showIt(elID) {
    var el = document.getElementById(elID);
    el.scrollIntoView(true);
}
2. Als Link folgende Benutzen:

Code:
<a href="" onClick="showIt('mytabset');$('ul.semtabs li.meintab').trigger('click');return false;">Hier Dein Linktext</a>
li.meintab muß aus der class des jeweiligen tabs gebildet werden. Achtung, das ist NICHT immer der Name des Tabs. Da werden Groß- und Kleinschreibung verändert und Sonderzeichen entfernt. Ggf. mit Firebug nachschauen!
 

BlueEyePhoenix

Gut bekanntes Mitglied
3. Januar 2017
191
7
Hallo,

ich muss den thread nochmal aufgreifen.

versuche gerade den Tabsprung beim 4.05 shop einzubauen nur da klappt diese Verlinkung nicht. Wenn der zusätzliche Tab geöffnet ist wird der Tabsprung vollzogen aber wenn die Beschreibung offen ist und ein neuer Tab abgerufen werden sollte wird die Verlinkung in der Url angesprochen und nur nach reload wird der Tab aktiviert.
Die oben genante variante funktioniert somit leider auch nicht.

Hat jmd eine idee wie man den Tabspurng ohne reload erzielen kann?

Vielen dank