gelöst "Anker" funktionieren nicht

Thema wurde von Stieger, 12. September 2017 erstellt.

  1. Stieger

    Stieger Erfahrener Benutzer

    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

    Ich glaube im Anker dürfen keine Leerzeichen sein.
     
  3. Stieger

    Stieger Erfahrener Benutzer

    Stimmt! Danke dir vielmals. Das war genau das Problem.

    Danke für die schnelle Hilfe.
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    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

    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

    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

    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... ;)