Built on WIX Headless

Blog / how-to

So richten Sie Dynamic Pages mit CMS for Harmony ein

· dynamic pages in Harmony erstellen

So richten Sie Dynamic Pages mit CMS for Harmony ein

Das Dynamic Page von CMS for Harmony zeigt ein Collection-Item pro URL (zum Beispiel /fruits/apple). Ab Version 14 legen Sie diese Seite als native Wix Dynamic Page an und platzieren das Widget darauf. Siehe Create a native Wix dynamic page.

Was Sie brauchen

1. Native Collection-Seite hinzufügen

  1. Installieren Sie CMS for Harmony aus dem App Market, falls noch nicht geschehen.
  2. Öffnen Sie das CMS for Harmony-Dashboard und erstellen Sie eine Collection (Team, Listings, Projects, …) mit den benötigten Feldern.
  3. Fügen Sie einige Items hinzu, damit URLs und Vorschauen echte Daten haben.
  4. Öffnen Sie die Collection und wählen Sie More actions → Add collection page.
  5. Wix fügt eine native Dynamic Page hinzu. Notieren Sie den Pfad — den Teil vor dem Item-Slug. Eine Fruits-Collection kann fruits für URLs wie /fruits/apple verwenden.

Wix speichert den Slug jedes Items in Item slug.

Die Seite ist eine Vorlage

Diese Collection-Seite ist eine gemeinsame Vorlage: dasselbe Layout und dasselbe Dynamic Page-Widget bedienen jede Item-URL unter diesem Pfad.

2. Dynamic-Page-Widget konfigurieren

Auf der nativen Collection-Seite:

  1. Fügen Sie Dynamic Page über Add → Elements → Installed Apps → CMS for Harmony hinzu.
  2. Wählen Sie das Widget und öffnen Sie die Einstellungen.
  3. Verbinden Sie die Collection.
  4. Wählen Sie ein Layout: Hero, Split, Stack, Minimal oder eigenes HTML/CSS.
  5. Wählen Sie die Felder, die Besucher sehen.
  6. Unter Dynamic page im Panel:
    • Page path auf den nativen Pfad (fruits für /fruits/apple). Ohne führenden Schrägstrich.
    • Page link field auf Item slug
  7. Optional ein Preview item für den Editor (Live-Seiten nutzen die URL).
  8. Ordnen Sie SEO pro Item zu, wenn Sie Such- und Social-Vorschauen pro URL wollen.

Widget-Referenz: Dynamic Page.

3. Veröffentlichen und testen

  1. Veröffentlichen Sie die Site.
  2. Öffnen Sie einige Item-URLs (zum Beispiel /fruits/apple und /fruits/pear) und bestätigen Sie, dass dieselbe Vorlage unterschiedlichen Inhalt zeigt.

4. Weitere Collection

Jede Collection erhält eine eigene native Dynamic Page:

  1. Öffnen Sie diese Collection und wählen Sie More actions → Add collection page.
  2. Fügen Sie Dynamic Page hinzu, verbinden Sie die Collection und setzen Sie Page path auf den Pfad dieser Seite.
  3. Konfigurieren Sie Layout, Felder und SEO wie oben.

5. Repeater und andere Anzeigen verlinken

Auf Repeater, Table, Slideshow, Media Gallery oder Calendar:

  1. Verbinden Sie dieselbe Collection wie das Dynamic Page.
  2. Öffnen Sie Dynamic page im Panel dieses Widgets.
  3. Schalten Sie Link to item page ein.
  4. Wählen Sie, wie der Klick für dieses Widget funktioniert.
  5. Setzen Sie Page path auf denselben nativen Pfad (fruits).
  6. Setzen Sie Page link field auf Item slug.
  7. Wählen Sie denselben Tab oder einen neuen Tab (auf der Live-Site).

Ein Klick öffnet die Item-URL — zum Beispiel von einer Repeater-Karte zu /fruits/apple.

Seiten, die bereits auf der Site liegen

Eine /item-Seite aus einer früheren Version funktioniert weiter. Setzen Sie Page path auf das Präfix dieser Seite (item oder item-1) und Page link field auf Dynamic page slug. Make dynamic wurde entfernt, aber Wix füllt dieses Feld für neue Items weiterhin aus. Neue Seiten nutzen Add collection page und Item slug.

Verwandt

Aktualisiert:

Bereit, es in Harmony auszuprobieren? Kostenlose Starter-Site holen CMS for Harmony