Link auf ein Row

AlexKa · 18. März 2021

Hallo Zusammen,

ist es möglich einen Link direkt auf ein Row einer Seite zu schicken?

Um mehr User primär auf meine FAQ Seite zu leiten, statt immer bei mir anzurufen, habe ich auf einer Themenseite verschiedene Rows und als unterstes das Row "FAQ". Auf meiner Kontaktseite habe ich jetzt den Hinweis sinngemäß "bevor sie anrufen, bitte zuerst die FAQs anschauen". Jetzt möchte ich, das der dortige Link direkt auf das unterste Row zugreift. Derzeit zeigt mir der Link die Seite, aber das oberste Row, also er öffnet einfach die Seite, springt nicht auf die entsprechende Höhe/Row der Seite, das direkt das Row "FAQ" sichtbar ist.

Wie kann ich auf ein ROW verlinken oder muss ich da irgendwas noch reinsetzen, markieren oder ähnliches und wenn ja, wie?

Re:Later · 18. März 2021

Stichworte "Anker" bzw. "Sprungmarken".

Man setzt in das HTML, wo hingesprungen werden soll, eine id, z.B. in eine Überschrift.

Code

<h4 id="wasImmerAuch">Was immer auch</h4>

Und an den Link zur betr. Seite hängt man ein

Code

#wasImmerAuch

Code

<a href="die-linkziel-seite.html#wasImmerAuch">Hier gehts zu Was immer auch</a>

AlexKa · 18. März 2021

Einfügen kann ich das aber nur in einen Beitrag oder wie komme ich an die HTML/Quellcode z. Bsp. hier von der Kopfzeile?

Re:Later · 18. März 2021

Da muss wer anders helfen. So was gibt es in meinem Joomla nicht wie in deinem Bild.

AlexKa · 18. März 2021

das ist im SP Page Builder

Indigo66 · 18. März 2021

Zitat von AlexKa

das ist im SP Page Builder

Alle wichtigen Datails gehören in den Eingangspost, damit die Suppoeter antworten, die mit Deinem Setup Erfahrung haben.

Elwood · 18. März 2021

Du öffnest die Eigenschaften der Row:

Trägst dann eine Ziffer in das Section ID Feld ein:

Dann erstellst du einen Link vom Typ 'URL' und trägst dort die ID ein:

Den Link dann entsprechend oder den Vorschlag von Re:Later in die Seite einbauen.

(Gerade getestet, funktioniert!)

christine2 · 18. März 2021

Hallo,

kenne SP Page Builder nicht. Vielleicht hilft das da:

https://archive.joomshaper.com…nchor-link-in-pagebuilder

Ansonsten kannst ja selber dort weiter schauen.

Liebe Grüße

Christine

Edit: Ahhhhh, Elwood kam - sah & malte

AlexKa · 18. März 2021

Elwood Mega Dank!

kam sah und malte und alle verstanden es.

Re:Later · 18. März 2021

Zitat von Elwood

Trägst dann eine Ziffer in das Section ID Feld ein:

Die id sollte aber mit einem Buchstaben anfangen. Weil manche Browser ohne Probleme haben könnten und auch ein JavaScript Fehler werfen könnte.

AAAABER vielleicht setzt ja auch Euer Framework was vorne dran. Dann alles hinfällig...

Elwood · 19. März 2021

Zitat von Re:Later

Die id sollte aber mit einem Buchstaben anfangen.

Hab nochmal geschaut.

Es werden Buchstaben empfohlen. Aber auch Zahlen und Kombinationen sollten

kein Problem sein. Nur Sonder- und Leerzeichen werden nicht akzeptiert.

Ich habe mal die gängigen Browser getestet. Sieht i.M. gut aus.

Indigo66 · 20. März 2021

Zitat von Elwood

Es werden Buchstaben empfohlen

IDs sollten zumindest mit mind. einem Buchstaben beginnen. Danach sind Ziffern kein Thema.

AlexKa · 23. März 2021

ok, habe jetzt alles per zahlen gemacht, bisher funktioniert es. Sollte ein Fehler auftreten werde ich umstellen, auf Buchstabe + Zahl

Elwood · 23. März 2021

Vielleicht hat der SP PB da seine eigenen Vorgaben.

Aber ich würde es dann auch entsprechend den Joomla-'Regeln' machen.

AlexKa · 2. Juli 2023

Elwood

Wie kann ich über die ID innerhalb einer Seite verlinken? Ich möchte oben auf der Seite einen Button o.ä. setzen mit dem Hinweis "Buchen". Das Buchungsformular erscheint aber erst 3-4 Rows später unten. Jetzt möchte ich, dass beim Klick auf "Buchen" der Bildschirm nach unten scrollt. Oder eine besser Idee als die ID?

Elwood · 2. Juli 2023

Dieser Thread ist über 2 Jahre alt und als 'Erledigt' markiert (Joomla3).

Bitte neuen Thread eröffnen mit allen geforderten Angaben gem. Forenregeln.

Ohne die entsprechenden Versionsstände und eingesetzten Erweiterungen/Template/Framework kann man (ich) schlecht helfen!

BTW: Siehe #7!

Tags