# Zu einem Anchor Tag in Artikelbeschreibung Tab springen

**URL:** <https://forum.shopware.com/t/zu-einem-anchor-tag-in-artikelbeschreibung-tab-springen/58627>\
**Category:** Programmierung\
**Created:** [18. März 2019 um 11:08 UTC](https://forum.shopware.com/t/zu-einem-anchor-tag-in-artikelbeschreibung-tab-springen/58627 "2019-03-18T11:08:50Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![KayPi](https://avatars.discourse-cdn.com/v4/letter/k/ee7513/32.png) [@KayPi](https://forum.shopware.com/u/KayPi)\
**Post date:** [18. März 2019 um 11:08 UTC](https://forum.shopware.com/t/zu-einem-anchor-tag-in-artikelbeschreibung-tab-springen/58627/1 "2019-03-18T11:08:50Z")

</div>

Hallo liebes Forum,

ich habe auf der Artikel-Detailseite&nbsp;im Beschreibung Tab einen Anchor-Tag zu dem ich gerne per Klick&nbsp;hinspringen&nbsp;würde. Funktioniert nur leider nicht, weil der Tab ja mit Javascript nachgeladen wird. Sowohl über URL # als auch Javascript-Versuche hat irgendwie nicht gegriffen. Hat da jemand eine Idee wie ich in der Beschreibung im Tab zum Anchor Tag springen kann?

---

<div class="post-metadata">

**Author:** ![enerSpace](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/enerspace/32/13552_2.png) [@enerSpace](https://forum.shopware.com/u/enerSpace)\
**Post date:** [18. März 2019 um 11:59 UTC](https://forum.shopware.com/t/zu-einem-anchor-tag-in-artikelbeschreibung-tab-springen/58627/2 "2019-03-18T11:59:04Z")

</div>

Hallo @KayPi‍,

wenn du im Beschreibungstext z.B. den folgenden Code implementiert:&nbsp;

Sollte es eigentlich funktionieren, so lang der Tab geöffnet ist. Diesen Anker kannst du jetzt z.B. so aufrufen:&nbsp;www.deine\_domain.de/hauptartikel-mit-abverkauf#example

Er sollte dann genau zu deinem Ankerpuntkt hin springen.

Hier ein kleiner Test:&nbsp;[https://www.shopwaredemo.eu/lebensmittel/backwaren/11/hauptartikel-mit-abverkauf#example](https://www.shopwaredemo.eu/lebensmittel/backwaren/11/hauptartikel-mit-abverkauf#example)

VG

enerSpace Webhosting  
Tel.: +49 511 - 219 568 76 | Web:&nbsp;[https://www.enerspace.de](https://www.enerspace.de/)

---

<div class="post-metadata">

**Author:** ![KayPi](https://avatars.discourse-cdn.com/v4/letter/k/ee7513/32.png) [@KayPi](https://forum.shopware.com/u/KayPi)\
**Post date:** [18. März 2019 um 15:01 UTC](https://forum.shopware.com/t/zu-einem-anchor-tag-in-artikelbeschreibung-tab-springen/58627/3 "2019-03-18T15:01:40Z")

</div>

Vielen Dank enerSpace,

aber genau das funktioniert hier leider&nbsp;nicht. Unter dem Link:  
[C25 Crosstrainer & Ergometer vom Hersteller | AsVIVA](https://www.asviva.de/crosstrainer-und-ergometer-asviva-c25-pro-bluetooth#produktvideolink)

sollte die Seite eigentlich direkt zum Produktvideo gehen. Im Absatz darüber habe ich einen Anchortag mit name und ID „produktvideolink“ abgelegt.

Aber so funktioniert es aktuell leider nicht. Bin da auch ratlos und hatte vermutet, dass es mit dem nachladen von Javascript zu tun hat. Anscheinend ist die ID dort nicht im DOM vorhanden und kann auch nicht per Javascript oder Jquery angesprochen werden. Vielleicht hat jemand eine Idee dazu.

---

<div class="post-metadata">

**Author:** ![enerSpace](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/enerspace/32/13552_2.png) [@enerSpace](https://forum.shopware.com/u/enerSpace)\
**Post date:** [18. März 2019 um 15:10 UTC](https://forum.shopware.com/t/zu-einem-anchor-tag-in-artikelbeschreibung-tab-springen/58627/4 "2019-03-18T15:10:23Z")

</div>

Hallo @KayPi‍,

du solltest darauf achten, dass deine ID nicht auch als NAME vorhanden ist. Bitte nehm den Linknamen raus oder benenne den Link anders. Dann sollte das auch funktionieren.

Falls nicht, nehm einfach mal die ID: “videolink” ohne NAME.

VG

enerSpace Webhosting  
Tel.: +49 511 - 219 568 76 | Web:&nbsp;[https://www.enerspace.de](https://www.enerspace.de/)

---

<div class="post-metadata">

**Author:** ![KayPi](https://avatars.discourse-cdn.com/v4/letter/k/ee7513/32.png) [@KayPi](https://forum.shopware.com/u/KayPi)\
**Post date:** [18. März 2019 um 18:05 UTC](https://forum.shopware.com/t/zu-einem-anchor-tag-in-artikelbeschreibung-tab-springen/58627/5 "2019-03-18T18:05:08Z")

</div>

Diese Varianten hatte ich auch schon durch. Auch solo mit id passiert nichts:

[C25 Crosstrainer & Ergometer vom Hersteller | AsVIVA](https://www.asviva.de/crosstrainer-und-ergometer-asviva-c25-pro-bluetooth#videos)

&nbsp;

---

<div class="post-metadata">

**Author:** ![enerSpace](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/enerspace/32/13552_2.png) [@enerSpace](https://forum.shopware.com/u/enerSpace)\
**Post date:** [18. März 2019 um 19:52 UTC](https://forum.shopware.com/t/zu-einem-anchor-tag-in-artikelbeschreibung-tab-springen/58627/6 "2019-03-18T19:52:19Z")

</div>

Guten Abend @KayPi‍,

die ID darf im gesammten Quelltext nur ein einziges mal vorkommen. Ich sehe die ID zweimal.

Jetzt funktioniert auch bei mir der folgende Code ohne Probleme:

```
var hash = window.location.hash;
if(hash) {
	$("html, body").animate({
			scrollTop: $(hash).offset().top
	}, 2000);
}

```

VG

enerSpace Webhosting  
Tel.: +49 511 - 219 568 76 | Web:&nbsp;[https://www.enerspace.de](https://www.enerspace.de/)

---

<div class="post-metadata">

**Author:** ![Tom\_de\_Topf](https://avatars.discourse-cdn.com/v4/letter/t/b487fb/32.png) [@Tom\_de\_Topf](https://forum.shopware.com/u/Tom_de_Topf)\
**Post date:** [19. März 2019 um 17:56 UTC](https://forum.shopware.com/t/zu-einem-anchor-tag-in-artikelbeschreibung-tab-springen/58627/7 "2019-03-19T17:56:09Z")

</div>

Hallo enerSpace,

hast du das im Editor eingebunden. Ich suche immer noch ein weg den ich verstehe.

Was heißt der Tab muss offen sein.

Habe in einer Einkaufswelt noch keinen Sprung nach untern geschafft.

Kann mir jemand helfen?

Gruß Thomas

---

<div class="post-metadata">

**Author:** ![enerSpace](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/enerspace/32/13552_2.png) [@enerSpace](https://forum.shopware.com/u/enerSpace)\
**Post date:** [20. März 2019 um 09:35 UTC](https://forum.shopware.com/t/zu-einem-anchor-tag-in-artikelbeschreibung-tab-springen/58627/8 "2019-03-20T09:35:26Z")

</div>

Hallo Thomas,

wir haben das direkt in der Chrome Console getestet. Regulär lässt sich das relativ einfach übertragen.

Wenn der Marker springen soll, muss dieser auch wissen wohin. Wenn ein Tab nicht geöffnet ist, hat der Inhalt vermutlich ein „display: none“. Es kann nur in einen sichbaren Bereich gesprungen werden. Wenn der Tab somit unsichbar ist, weiß auch der Anker nicht wohin.

Um dir helfen zu können, müsste ich mir das einmal ansehen. Du kannst mir natürlich auch eine Private Nachricht zukommen lassen.

VG

enerSpace Webhosting  
Tel.: +49 511 - 219 568 76 | Web:&nbsp;[https://www.enerspace.de](https://www.enerspace.de/)
