Home
Aan de slag

CMS: Wix Stores-categorieën op een pagina weergeven

Leestijd 11 minuten
Laat al je Wix Stores-productcategorieën zien in een galerij, repeater of tabel op elke pagina, zoals je Home- of Winkelwagenpagina. Wanneer klanten op een categorie klikken, gaan ze naar de relevante categoriepagina waar ze de producten kunnen bekijken. Als alternatief kun je een nieuwe dynamische lijstpagina maken om je categorieën weer te geven.

Nadat je je galerij, repeater of tabel hebt gekoppeld aan het CMS (Content Management System), kun je de dataset-instellingen gebruiken om te kiezen welke categorieën worden weergegeven. Je kunt ook bepalen in welke volgorde ze worden weergegeven en hoeveel er tegelijk verschijnen. 
Een screenshot van Stores-productcategorieën op een winkelwagenpagina.
Belangrijk:
Je moet de nieuwe versie van de productcategorieën van Wix Stores hebben om deze tutorial te volgen. Als je deze niet hebt, lees dan hoe je handmatig een galerij met categorieën maakt met de originele versie van productcategorieën. 
Voordat je begint:

Ga naar de pagina in je Editor waar je je Wix Stores-categorieën wilt weergeven. Indien nodig, kun je een nieuwe pagina toevoegen. Voeg vervolgens het element toe waarin je je categorieën wilt weergeven. 
Wix Editor
Editor X
Studio Editor
  1. Ga naar je Editor.
  2. Ga naar de pagina of het onderdeel waar je je Wix Stores-categorieën wilt weergeven.
  3. Klik links in de Editor op Elementen toevoegen.
  4. Voeg een Pro Gallery, repeater of tabel toe:
    • Pro Gallery: Toon je categorieën in een galerij: 
      1. Klik op Galerij
      2. Klik en sleep de Pro Gallery van je keuze naar de pagina. 
      3. Verwijder de standaardafbeeldingen uit de galerij:
        1. Klik op de galerij en selecteer Media beheren
        2. Klik op Alles selecteren en vervolgens op Verwijderen
        3. Klik op Klaar
    • Repeater: Geef je categorieën weer met meerdere elementen die aan een repeater zijn gekoppeld:
      1. Klik op Lijst
      2. Klik en sleep de repeater van je keuze naar de pagina. 
      3. Zorg ervoor dat je repeater een afbeelding of knop heeft, zodat je deze later aan je categoriepagina kunt koppelen. Je kunt elementen toevoegen aan of verwijderen uit je repeater. Indien nodig kun je het formaat van de repeater aanpassen, zodat alle elementen erin passen.
    • Tabel: Geef je categorieën weer in tabelindeling:
      1. Klik op Lijst
      2. Klik op Tabellen en sleep de tabel van je keuze naar de pagina. 

Koppel de verzamelingsvelden aan je repeater, galerij of tabel. De waarden van deze dynamische velden veranderen op je live website, afhankelijk van de weergegeven categorie. Zorg ervoor dat je de knoppen of afbeeldingen koppelt aan de Pagina-URL. Met deze link kunnen bezoekers klikken om naar de relevante categoriepagina te gaan. 
Wix Editor
Editor X
Studio Editor
  1. Klik in je Editor op de repeater, Pro Gallery of tabel.
  2. Klik op het Aan CMS koppelen-pictogram.
  3. Klik op Dataset maken. Als je al een dataset op je pagina hebt, klik je op de Koppel een dataset-dropdown en selecteer je Nieuwe dataset.
  4. Klik op de Kies een verzameling-dropdown en selecteer Collecties onder de Stores Wix-appverzameling.
  1. (Optioneel) Klik op het Dataset naam-veld en voer een naam in voor de dataset. 
  2. Klik op Maken
  3. (Alleen repeaters) Klik onder Koppelingen op het repeater-element dat je wilt koppelen (zoals een tekst, knop of afbeelding). 
  4. Klik onder Koppelingsopties op de relevante dropdowns en selecteer de dynamische verzamelingsvelden die je wilt koppelen: 
    • Naam (tekst): De categorienaam die is ingesteld in Wix Stores.
    • Hoofdmedia (afbeelding): De categorieafbeelding die is ingesteld in Wix Stores. 
    • Slug (tekst): Het unieke deel van de URL aan het einde van het webadres van je categoriepagina. Je kunt deze instellen door de SEO-instellingen van elke Stores-categorie te bewerken
    • ID (tekst): De unieke identificatiecode in de backend van elke categorie.
    • Pagina-URL: Het webadres van de relevante categoriepagina. Klik voor knoppen op de Klikken is gekoppeld aan-dropdown om Pagina-URL te selecteren. Klik voor afbeeldingen of de Pro Gallery op de Link is gekoppeld aan-dropdown om Pagina-URL te selecteren.
  1. (Alleen repeaters) Klik op Repeater-koppelingen en herhaal stap 7-8 hierboven om extra elementen in de repeater te koppelen. 
  2. Klik om je repeater-elementen, Pro Gallery of tabel naar behoefte aan te passen.
    Tip: Je kunt op elk moment elementen toevoegen aan of verwijderen uit je repeater. Ontkoppel elementen als je statische inhoud wilt gebruiken die niet verandert volgens de relevante categorie. 
  3. Klik op Voorbeeld om de functionaliteit te testen. 
  4. Klik op Publiceren als je klaar bent om de wijzigingen live te laten gaan. 

(Optioneel) Stap 3 | Beheer de dataset-instellingen

In je dataset-instellingen kun je kiezen hoeveel categorieën tegelijk kunnen worden weergegeven. Je kunt filters toevoegen om specifieke categorieën op te nemen of sorteringen gebruiken om de categorievolgorde te bepalen.
Let op:
Tabellen worden niet beïnvloed door deze dataset-instellingen. Klik op het tabelelement op Tabel beheren om de velden die verschijnen en hun volgorde te beheren. 
Wix Editor
Editor X
Studio Editor
  1. Ga naar de dataset-instellingen:
    1. Klik links op CMS.
    2. Klik op Paginakoppelingen beheren.
    3. Klik naast de relevante dataset op het Meer acties-pictogramen selecteer Dataset-instellingen
  2. Bewerk het Maximum aantal weergegeven items-veld om het maximum aantal categorieën in te stellen dat tegelijk op de pagina kan worden geladen. Dit is ook het maximum aantal categorieën dat per pagina kan worden geladen in een gekoppelde pagineringsbalk of per klik in 'Meer laden'- en navigatieknoppen
  3. (Optioneel) Klik op + Filter toevoegen om alleen specifieke categorieën weer te geven in het element. 
  4. (Optioneel) Klik op + Sortering toevoegen om de volgorde te kiezen waarin de categorieën verschijnen in het element.
  1. Klik op Voorbeeld om de functionaliteit te testen.
  2. Klik op Publiceren als je klaar bent om de wijzigingen live te laten gaan. 

Vond je dit artikel nuttig?

|
Een screenshot van Stores-productcategorieën op een winkelwagenpagina.