gelöst "Anker" funktionieren nicht

Thema wurde von Stieger, 12. September 2017 erstellt.

  1. Stieger
    Stieger Erfahrener Benutzer
    Registriert seit:
    18. September 2015
    Beiträge:
    162
    Danke erhalten:
    2
    Hallo zusammen

    Ich wollte eine kleine Hilfeseite (FAQ) für meinen Shop erstellen.
    Wenn ich nun Anker setzte und diese Seite dann in der Vorschau im Admin Bereich anschaue, funktionieren diese wie es sein sollte. Wenn ich nun aber die Seite im Shop anschaue funktionieren die Anker nicht.

    Also wenn ich oben z.B. bei der Nr1 Klicke, sollte ich runter zu Nr. 1 Springen. Hat da jemand eine Idee an was dies liegen könnte. Die Seite findet ihr hier: https://www.geo-discount.ch/de/info/hilfe.html

    Danke für Eure Hilfe.
    Thomas
     
  2. Kai Stejuhn
    Kai Stejuhn Beta-Held
    Registriert seit:
    26. September 2014
    Beiträge:
    1.454
    Danke erhalten:
    743
    Danke vergeben:
    92
    Ich glaube im Anker dürfen keine Leerzeichen sein.
     
  3. Stieger
    Stieger Erfahrener Benutzer
    Registriert seit:
    18. September 2015
    Beiträge:
    162
    Danke erhalten:
    2
    Stimmt! Danke dir vielmals. Das war genau das Problem.

    Danke für die schnelle Hilfe.
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    30. Oktober 2015
    Beiträge:
    2.349
    Danke erhalten:
    573
    Danke vergeben:
    506
    Hmm. Mich würde ja mal interessieren, wie das mit dem Anker überhaupt funktioniert.

    Im Content-Manager kann man ja einen anlegen und diesen benennen (zb Anker1). Nur, wie sieht dann der Link dazu aus?

    Weder href="#Anker1" noch href="Anker1" führen zum Ziel.
     
  5. Sergej (Gambio)
    Sergej (Gambio) Erfahrener Benutzer
    Mitarbeiter
    Registriert seit:
    1. August 2016
    Beiträge:
    336
    Danke erhalten:
    205
    Danke vergeben:
    69
    Ein Anker ist ein "Verweis" auf einen Inhalt der selben oder anderen Seite.
    Bei klick auf solch einen Anker wird zu dem entsprechenden Inhalt gescrollt.

    Dabei muss dem entsprechenden Inhalt eine ID hinterlegt sein, welchen den gleichen Namen wie der Anker nur ohne Raute trägt.

    Beispiel:

    Auf der Seite "awesome-page" hast du einen Anker mit
    HTML:
    <a href="#my-awesome-content">klick</a>
    gesetzt.

    Auf der Seite "awesome-page" befindet sich etwas, was die ID "my-awesome-content" trägt.
    HTML:
    <div id="my-awesome-content">
    <h1>Awesome</h1>
    </div>
    Bei klick auf den Anker scrollt der Browser zum Inhalt.

    Dies ist auch mit einem Link auf eine andere Seite möglich

    Beispiel:

    Auf der Seite "awesome-page" hast du einen Anker mit
    HTML:
    <a href="awesome-page-2#my-awesome-content">klick</a>
    gesetzt.

    Auf der Seite "awesome-page-2" befindet sich etwas, was die ID "my-awesome-content" trägt.
    HTML:
    <div id="my-awesome-content">
    <h1>Awesome</h1>
    </div>
    Bei klick auf den Anker aus "awesome-page" scrollt der Browser nach dem Aufruf der Seite "awesome-page-2" zum Inhalt.
     
  6. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    30. Oktober 2015
    Beiträge:
    2.349
    Danke erhalten:
    573
    Danke vergeben:
    506
    Sergej, sehr gut. Danke.

    Mit dem Code
    Code:
    shop_content.php?coID=3889891#paypal
    könnte man also den Anker "paypal" von überall aus dem Shop erreichen.

    Ist der Anker auf derselben Seite, ist der Link / die URl nur "#paypal". Von anderen Seiten aus dann der Link zum Content noch vornweg.
     
  7. Sergej (Gambio)
    Sergej (Gambio) Erfahrener Benutzer
    Mitarbeiter
    Registriert seit:
    1. August 2016
    Beiträge:
    336
    Danke erhalten:
    205
    Danke vergeben:
    69
    So ist es :)

    siehe z.B. https://www.gambio-shop.de/shop3/#news oder https://www.gambio-shop.de/shop3/info/kontakt.html#contactus oder, oder, oder... ;)