Erstelle Links innerhalb einer Shopify Page ⚡️

Du möchtest einen Link in Shopify erstellen, der dich zu einer bestimmten Section oder Abschnitt bringt? Ganz einfach! Mit Hilfe von Anchor Links (in deutsch Anker Link) kannst du Abschnitte auf der gleichen oder von einer anderen Seite verlinken. Du benötigst dafür lediglich die ID des zu verlinkenden Abschnitts.

Im Video kurz und knapp erklärt:

Wie finde ich die ID?

Um die zum Abschnitt zugehörige ID zu finden benötigen wir den Inspcetor. Dieser unterscheidet sich von Browser zu Browser etwas in der Optik und Struktur.

1. Öffne die Seite, auf der sich die Sektion befindet, die du verlinken möchtest

2. Mache einen Rechts-klick auf der Sektion, die du verlinken möchtest

Google Chrome -> klicke auf Untersuchen

Safari -> klicke auf "Element-Informationen"

3. Finde das übergeordnete <section> oder <div> Element. Du erkennst es daran, dass es eine lange ID enthält, die in der Regel mit "shopify-section-" beginnt. Wenn du es hast, klicke darauf und überprüfe ob dein erwünschter Abschnitt blau aufleuchtet

4. Kopiere die ID innerhalb des Elements

ID der Section im Shopify Editor einfügen

Öffne das Text oder Link Feld, in dem du deine ID verlinken willst im Shopify Editor.

1. Tippe einen Hashtag ein
2. Anschließend fügst du den kopierten Link ein

WICHTIG! -> Wenn sich der verlinkte Abschnitt auf einer anderen Seite als der Link befinden, musst du die url der dazugehörigen Seite mit einfügen. Das sieht dann so aus: