Neu Anker Link Fehler?

[3jojojo]

Hallo Leute

Ich habe ein kleines Problem das mal bitte jemand nachstellen müßte. Es geht um Anker Links in einer Kategorie.

Angesprochen wird dabei das <div class="zusatzbeschreibung">

rufe ich im Brower über die URL Leiste nun http://www.url.de/Kategorie#zusatzbeschreibung auf wird direkt das div angezeit (TOP)

Baue ich aber im oberen Bereich der Kategorie einen Link mit http://www.url.de/Kategorie#zusatzbeschreibung wird das <div> kurz angesprungen und wird zur Artikelliste "gewechselt".

Woran kann das liegen??? ( Shop Version 4.06 Build2, Evo Template)

 

[3jojojo]

ich habe es jetzt im Chrome und im FF getestet und bekomme beide mal das gleiche Problem. Hat jemand eine Idee

 

[FPrüfer]

Hallo,
ist der Link als absoluter Link - also wie angegeben mit http: und Domain - gesetzt oder als relative Angabe (nur /Kategorie#zusatzbeschreibung)? Wenn ersteres: funken da evtl. Weiterleitungen (mit/ohne www, mit/ohne https) dazwischen? Mit dem 4.06 sollte das nämlich auf alle Fälle funktionieren. (gerade nochmal getestet)

 

[3jojojo]

Hallo,
ist der Link als absoluter Link - also wie angegeben mit http: und Domain - gesetzt oder als relative Angabe (nur /Kategorie#zusatzbeschreibung)? Wenn ersteres: funken da evtl. Weiterleitungen (mit/ohne www, mit/ohne https) dazwischen? Mit dem 4.06 sollte das nämlich auf alle Fälle funktionieren. (gerade nochmal getestet)

Ich habe sowohl relativ wie auch absolut probiert. Es ist kurios! Bei beiden ist es das gleiche. Beim ersten Aufruf einer Kategorie springt der auf den <div class="zusatzbeschreibung"> und dann wieder in die Artikelliste. Geht man dann wieder "hoch" bis zum Link mit #zusatzbeschreibung dann springt das div richtig an.

Eingebunden haben ich href="{$oNavigationsinfo->oKategorie->cSeo}#zusatzbeschreibung"

 

[FPrüfer]

Ein <div class="zusatzbeschreibung"> kann eigentlich nicht durch einen Anker "#zusatzbeschreibung" angesprungen werden. Als Ankerpunkte können nur IDs dienen, keine Style-Classes!
Ist das mit dem <div class="zusatzbeschreibung"> nun ein Schreibfehler und das heißt eigentlich <div id="zusatzbeschreibung"> oder ist das mglws. das Problem?

 

[3jojojo]

Ein <div class="zusatzbeschreibung"> kann eigentlich nicht durch einen Anker "#zusatzbeschreibung" angesprungen werden. Als Ankerpunkte können nur IDs dienen, keine Style-Classes!
Ist das mit dem <div class="zusatzbeschreibung"> nun ein Schreibfehler und das heißt eigentlich <div id="zusatzbeschreibung"> oder ist das mglws. das Problem?

Sry hatte mir verschrieben meinte natürliche <div id="zusatzbeschreibung">. Genauer gesagt habe ich <div id="zusatzbeschreibung" class="zusatzinformationen"> aber das sollte ja passen

 

[FPrüfer]

Kann man sich das Problem irgendwo anschauen? Ich kann das bei mir nicht nachstellen.

 

[golvreven]

Hallo zusammen,

ich habe dasselbe Problem wie 3jojojo. Gibts dazu inzwischen etwas Neues?

Viele Grüße
g.

 

[trennscheibenwelt]

Also bei mir geht es ohne Probleme.

Mal ein Beispiel von mir:

Auf meiner Startseite findet man im Footer ein Bild "Kostenloser Versand ab 50€"
Nach Kilck soll man zur "Zahlungs- und Versandinformationen" Seite landen am Punkt wo die Erklärung dazu ist.

Mein Anker auf der "Zahlungs- und Versandinformationen" Seite: (Über Eigene Seiten eingebunden)

 <li id="versandkostenfrei"><strong>Lieferungen im Inland (Deutschland):</strong><br>
        Innerhalb Deutschland: 4,50 €<br>
        <font color=#01FF41><u><strong>*Ab einem Bestellwert von 50,00 € liefern wir versandkostenfrei!</strong></li></u><br></font>

Und mein Link um dort zu landen: (als Eigene Box Ohne Rahmen im Footer eingebunden)

<a href="https://www.trennscheibenwelt.de/Zahlungs-und-Versandinformationen#versandkostenfrei"><img alt="Kostenloser Versand" src="https://www.trennscheibenwelt.de/templates/Evo/themes/evo/img/KostenloserVersand.png" style="width: 400px; height: 180px;" /></a>

Wer sich das mal auf der Seite ansehen möchte -> https://www.trennscheibenwelt.de/Zahlungs-und-Versandinformationen

Auf der Startseite sind auch Bilder wie "Unsere Zahlungsarten" und "Unsere Versanddienstleister" diese habe ich ebenfalls mit der Seite "Zahlungs- und Versandinformationen" per Anker Verlinkt was ebenfalls ohne Probleme funktioniert bei mir.
Die Bilder sind fest im Template eingecodet in meiner footer_custom.tpl
der Codeblock sieht da wie folgt aus:

 <div align="center">
    <div class="row">           
        <div class="col-xs-12 col-md-4">   
            <h4 align="center">Unsere Zahlungsarten</h4>
            <a href="https://www.trennscheibenwelt.de/Zahlungs-und-Versandinformationen#Zahlung"><img src="https://www.trennscheibenwelt.de/mediafiles/Bilder/PaymentIcons/Zahlungsarten.png" alt="Logo unserer Zahlungsarten"/></a> 
        </div>
  <div class="col-xs-12 col-md-4">
        <h4 align="center">Unsere Versanddienstleister</h4>
        <a href="https://www.trennscheibenwelt.de/Zahlungs-und-Versandinformationen#Versanddienstleister"><img src="https://www.trennscheibenwelt.de/mediafiles/Bilder/VersandIcons/Versanddienstleister-min.PNG" alt="Logo unserer Versanddienstleister"/></a>
  </div>
   <div class="col-xs-12 col-md-4">   
        <img src="https://www.trennscheibenwelt.de/templates/Evo/themes/evo/img/fc_logo.png" alt="Logo von FairCommerce"> 
  </div>
 <div class="clearfix"></div>
    </div>{* /row footer-additional *}
    </div>

Ich vermute mal das Problem bei 3jojojo ist die class. Kann das sein? Ich nutze es zumindest nicht und es klappt.

 

[golvreven]

Hallo trennscheibenwelt,

danke für Dein Beispiel. Ich glaube, dass es bei uns auch so funktioniert, aber eben nicht in dem konkreten Anwendungsfall: Es geht um eine Sprungmarke, die von einem Text oberhalb eines Product Listings auf einen Text unter dem Listing verweisen soll. Der Sprung funktioniert ansatzweise, das heißt, dass der Nutzer fast ans Ziel gelangt, aber dann scrollt der Shop plötzlich wieder nach oben und kommt irgendwo im Listing zum Stehen.

Viele Grüße
g.

 

[trennscheibenwelt]

Zeig mal wie dein Anker aussieht und über welchen Link du ihn ansprichst.
Das ist mein Anker -> id="versandkostenfrei"
und da komm ich mit dem Link hin -> https://www.trennscheibenwelt.de/Zahlungs-und-Versandinformationen#versandkostenfrei"
Und bei mir hüpft er nicht auf der Seite herum.

Oder Poste gerne mal ein Link zu deiner Seite.

 

[golvreven]

Wie gesagt, das Ziel liegt bei Dir auf einer normalen Shopseite. Von daher ist ein Vergleich nicht möglich.

Eine URL kann ich nicht posten, da ich den defekten Anker nicht live gelassen habe.

 

[MHillmann]

Hallo,

ohne URL ist das nur ein herumstochern und raten was bei dir das Problem sein könnte..

Viele Grüße
Michael

 

[golvreven]

Es wäre schon eine Hilfe, wenn ich mal ein Beispiel sehen könnte, wo es funktioniert - oder angeblich nicht nachzustellen geht, obwohl genau beschrieben wurde, was das Problem ist.

 

[golvreven]

Vom Template-Anbieter habe ich heute eine Erklärung bekommen: Durch das Lazyloading der Bilder im Product Listing sei es nicht möglich, dass der Sprung von der Stelle über dem Listing zur definierten Stelle unter dem Listing funktioniert. Ich bezweifle das, da ich auch andere Shops mit Lazyloading kenne, bei denen solche Sprungmarken funktionieren.

Würde es vielleicht etwas nützen, wenn die Bildgrößen bzw. -formate vor dem Lazyloading bereits übergeben würden?

 

[golvreven]

Ich habe eine Lösung gefunden: https://stackoverflow.com/questions/14202943/lazy-loading-of-images-breaks-anchor-links Die gewünschte Position wird zwar nicht ganz getroffen, aber ich bin erstmal zufrieden.