Wie füge ich der FAQ-Seite einen Ankerlink hinzu?

Ausgewählte Links

1. Company XYZ-Dokumentation zu Accordion
2. MDN Web Docs

Ankerlinks ermöglichen es Besuchern, direkt zu einem Accordion-Abschnitt auf derselben Seite zu springen. Align enthält keine eigene Ankereinstellung. Sie können jedoch mithilfe der generierten Shopify-ID auf einen Accordion-Abschnitt verlinken.

Ankerlink hinzufügen

1. Öffnen Sie die Live-Seite, die den Accordion-Abschnitt enthält.

2. Öffnen Sie die Entwicklertools Ihres Browsers und verwenden Sie anschließend den Element-Selektor, um den Accordion-Abschnitt auszuwählen.

3. Suchen Sie das äußere section-Element und kopieren Sie den vollständigen Wert von id. Er beginnt mit shopify-section-.

4. Öffnen Sie die Schaltfläche oder den Link, über den Besucher zum Accordion-Abschnitt gelangen sollen.

5. Fügen Sie die kopierte ID in das Linkfeld ein und setzen Sie am Anfang ein #.

   Beispiel: #shopify-section-template--123__accordion

6. Speichern Sie Ihre Änderungen und testen Sie den Link anschließend auf der Live-Seite.

Die ID gehört zu dieser bestimmten Abschnittsinstanz. Wenn Sie den Abschnitt entfernen und neu erstellen oder die Vorlage ändern, kopieren Sie die neue ID und aktualisieren Sie den Link.

Videobeispiel

Beispiel für das Finden einer Abschnitts-ID mit den Entwicklertools des Browsers.