Studio Two-editor: Itempagina's toevoegen en instellen

Gebruik itempagina's om elk item in een CMS-verzameling op zijn eigen pagina weer te geven. Ontwerp 1 pagina en elk item krijgt zijn eigen versie met dezelfde indeling en een eigen URL. Itempagina's vervangen de dynamische pagina's die je mogelijk in de Studio Editor of Wix Editor hebt gebruikt.

Je hebt geen aparte dynamische lijstpagina nodig. Om je items te vermelden, voeg je een pagina met een repeater toe of koppel je een repeater op een pagina.

Voeg een itempagina toe vanuit het Websitestructuur-paneel. Kies een verzameling en kies dan een template. De elementen van de template komen aan gekoppeld aan de overeenkomende velden in de verzameling. Itempagina's worden weergegeven onder Wix CMS op het Pagina's-tabblad.

1. Ga naar je editor.

2. Wijs links in de editor het Websitestructuur-pictogram aan.

3. Selecteer Pagina's.

4. Klik onderaan het paneel op Toevoegen.

5. Selecteer Verzamelingspagina.

6. Selecteer de verzameling die je wilt weergeven en klik op Doorgaan.

7. Klik op de Itempagina-tabblad.

8. Selecteer een template en klik op Toevoegen.

Gebruik de voorbeeldwerkbalk bovenaan het canvas om de pagina met elk item te zien. Klik op de pijlen om tussen items te schakelen of klik op de dropdown om er één te kiezen. Controleer of het ontwerp werkt voor elk item, zoals items met lange titels of geen afbeelding.

Om de inhoud van een item te wijzigen, klik je op de voorbeeldwerkbalk op Item bewerken. Het item wordt geopend in het CMS, waar je de velden kunt bewerken en op Opslaan kunt klikken.

Koppel elementen overal op de itempagina. De pagina toont 1 item tegelijk, dus je hebt geen repeater nodig. Voeg bijvoorbeeld een tekstelement toe en koppel het aan de 'Prijs'-veld.

Selecteer het element, klik in de actiebalk op het Meer acties-pictogram en selecteer Aan data koppelen. Kies dan de itempagina als bron (bijvoorbeeld: Boeken (Itempagina)) en kies een veld. Je kunt ook koppelen vanaf het Instellingen-tabblad van het Inspector-paneel. Lees meer over het koppelen van elementen aan gegevensbronnen.

Koppel elk item in een repeater aan de itempagina, zodat bezoekers op een item kunnen klikken om de details te zien. Koppel bijvoorbeeld de Lees meer-knop in elk repeater-item.

1. Ga naar je editor.

2. Selecteer het element binnen een repeater-item (bijvoorbeeld: een knop).

3. Klik rechtsboven in de editor op het Inspector openen-pictogram .

4. (Indien nog niet geopend) Klik op het Instellingen-tabblad.

5. Klik naast Koppelt naar op het Aan gegevens koppelen-pictogram .

6. (Indien nodig) Klik op de bron en selecteer de lijst van de repeater (bijvoorbeeld: Boekenlijst (Repeater-item)).

7. Zorg ervoor dat Dynamische link verkrijgen geselecteerd is onder Veld.

8. Klik onder Paginalink-parameter op Kies een link.

9. Selecteer de itempagina in de Pagina-dropdown (bijvoorbeeld: Boekenitem (Dynamisch)) en klik op Klaar.

10. Klik op Toepassen.

Elke itempagina-URL bestaat uit 2 delen: een voorvoegsel voor de hele verzameling (bijvoorbeeld: /books) en de slug van het item (bijvoorbeeld: /1984). De slug komt uit het Item-slug-veld van het item in de verzameling. Elke slug moet uniek zijn in de verzameling en kan maximaal 100 tekens hebben.

Klik hieronder om te lezen hoe:

Beheer de instellingen voor alle itempagina's in een verzameling vanaf 1 plek. Wijs in het Websitestructuur-paneel de itempagina aan, klik op het Meer acties-pictogram en selecteer Instellingen.

• Pagina-URL: Wijzig het URL-voorvoegsel voor de itempagina's van de verzameling.

• Toegang: Kies wie de itempagina's kan zien: Iedereen, Bezoekers met een wachtwoord of Leden en betalende abonnees.

• SEO: Klik op Naar SEO-instellingen om SEO voor alle itempagina's tegelijk in te stellen.

• Pagina-informatie: Bekijk welke verzameling de itempagina gebruikt en hoeveel pagina's deze heeft gemaakt.

Klik op een vraag hieronder om meer te lezen over itempagina's in de Studio Two-editor.