Wix Stores: De Categorie-pagina aanpassen
10 min
In dit artikel
- Ga naar de instellingen van de Categorie-pagina
- Kies welke pagina-elementen je wilt weergeven
- De instellingen van de Categorie-pagina aanpassen
- De indeling van de Categorie-pagina kiezen
- De Categorie-pagina ontwerpen
- De tekst op de Categorie-pagina bewerken
- De zijbalk aanpassen
- De sorteeropties aanpassen
- De Snelle weergave aanpassen
Belangrijk:
De Categorie-pagina is nog niet voor alle gebruikers beschikbaar.
De Categorie-pagina is je hoofdwebshoppagina. Je kunt elk deel van de pagina ontwerpen, de indeling van je voorkeur kiezen, beslissen welke informatie je wilt weergeven en nog veel meer.
Tips:
- Je hoeft de Categorie-pagina maar één keer aan te passen. Je aanpassingen zijn automatisch van toepassing op elke categorie.
- Gebruik de categorievoorbeeldkiezer rechtsboven om een categorie te kiezen en er een voorbeeld van te bekijken.
Ga naar de instellingen van de Categorie-pagina
Wix Editor
Studio Editor
- Ga naar je editor.
- Ga naar je Categorie-pagina:
- Klik links in de editor op Pagina's en menu .
- Klik op Winkelpagina's.
- Klik op Categorie-pagina.
- Klik twee keer op het Categorie-pagina-element op je pagina.
- Klik op Instellingen.
.Kies welke pagina-elementen je wilt weergeven
Het Weergave-tabblad is de plek om te kiezen welke elementen je op de Categorie-pagina wilt weergeven en waar je de rest kunt verbergen.
Om Categorie-pagina-elementen weer te geven of te verbergen:
- Klik op het Weergave-tabblad.
- Schakel de selectievakjes in naast elementen die je wilt weergeven.
Tips:
- Je kunt ook:
- Ga naar het Filters-tabblad om filters in de zijbalk te verbergen.
- Ga naar het Sorteren-tabblad om de sorteeroptie te verbergen.
- Wanneer je productopties weergeeft, worden er slechts 2 weergegeven. Als je product bijvoorbeeld opties voor kleur, maat en materiaal heeft, worden alleen de eerste 2 die je hebt gemaakt, weergegeven. Klanten die op de 'In winkelwagen'-knop klikken, worden naar een Snelle weergave-venster geleid wanneer je meer dan 2 productopties hebt, zodat ze alle noodzakelijke selecties kunnen maken.
De instellingen van de Categorie-pagina aanpassen
Op het Instellingen-tabblad kun je beslissen hoe bezoekers meer producten bekijken wanneer ze aan het einde van de pagina komen (bijvoorbeeld: klikken op een 'Meer laden'-knop), kiezen wat er gebeurt als klanten productafbeeldingen aanwijzen, en meer.
Om instellingen voor de Categorie-pagina te selecteren:
- Klik op het Instellingen-tabblad.
- Pas een van de volgende zaken aan:
- Scrollgedrag:
- Selecteer wat er gebeurt als klanten naar de onderkant van de pagina scrollen. Lees meer
- Schakel de Sticky zijbalk-schakelaar in om filters zichtbaar te houden tijdens het scrollen. Pas, indien ingeschakeld, de afstand van de zijbalk vanaf de bovenkant aan.
- Aanwijseffect: Stel in wat er gebeurt als een klant met de muis over een product beweegt.
- In winkelwagen-knop: Als je de knop hebt ingeschakeld op het Weergave-tabblad, kun je aanpassen wat er gebeurt als op de knop wordt geklikt:
- Succes pop-up tonen: Er verschijnt een pop-upmelding.
- Zwevende winkelwagen openen: De zwevende winkelwagen wordt aan de zijkant van het scherm geopend.
- Naar winkelwagenpagina: Klanten worden direct naar de winkelwagenpagina geleid.
- Op huidige pagina blijven: Klanten blijven op dezelfde pagina. De knop laat een vinkje zien om aan te geven dat het product succesvol is toegevoegd.
- Scrollgedrag:
Tips:
- Als je de 'Meer laden'-knop of de optie voor het scrollgedrag bij paginering hebt geselecteerd, ga je naar het Ontwerp-tabblad om het ontwerp aan te passen.
- Elke pagina heeft een aparte URL om de SEO van je productgalerij te verbeteren. Bijvoorbeeld:
- URL van de eerste pagina: https://www.mijnprofessionelewebsite.com/shop
- URL van de tweede pagina: https://www.mijnprofessionelewebsite.com/shop?page=2
De indeling van de Categorie-pagina kiezen
Kies de indeling van je voorkeur voor zowel de koptekst (indien weergegeven) als de productweergave.
Om indelingsopties te kiezen:
- Klik op het Indeling-tabblad.
- Pas een van de volgende zaken aan:
- Breadcrumbs: Lijn de breadcrumbs links, rechts of in het midden uit.
- Koptekst:
- Positie kop: Selecteer Inline of Boven.
Tip: Als je Boven selecteert, raden we aan de categorieënlijst te verbergen. Anders geven categorieën het uiterlijk van subcategorieën van de geselecteerde categorie. - Plaatsing categoriegegevens: Geef de categoriebeschrijving boven, voor of onder de afbeelding weer.
- Uitlijning info categorie: Lijn de koptekst links, rechts of in het midden uit.
- Hoogte afbeelding categorie: Sleep de schuifregelaar om de hoogte van de categorieafbeelding in te stellen.
- Afstand tussen titel en beschrijving: Sleep de schuifregelaar om de gewenste afstand in te stellen.
- Verschijning beschrijvingstekst: Als deze lang is, klikken klanten erop om het hele bericht te zien.
- Positie kop: Selecteer Inline of Boven.
- Productraster:
- Rastergedrag:
Let op: Aanpassingen variëren afhankelijk van of je Vast of Responsief kiest.- Vast: Alle bezoekers zien hetzelfde aantal rijen en kolommen in de galerij.
- Responsief: Het aantal weergegeven producten past zich aan de schermgrootte van je bezoeker aan.
Let op: De responsieve instelling is alleen beschikbaar als je de galerij uitrekt tot de volledige breedte.
- Rastergedrag:
- Productafbeeldingen:
- Plaats afbeelding: Plaats de afbeelding boven of naast de producttekst.
- Beeldgrootte aanpassen: Selecteer een optie voor het wijzigen van de grootte:
- Bijsnijden: Snijdt alle afbeeldingen bij tot dezelfde grootte.
- Passend: Behoudt de beeldverhoudingen van de afbeeldingen.
- Afbeeldingsverhouding: Selecteer een hoogte-breedteverhouding.
- Opvulling zijkant van afbeelding: Pas de opvulling links en rechts van de afbeelding aan.
- Opvulling boven en onder afbeelding: Pas de opvulling boven en onder de afbeelding aan.
- In winkelwagen-knop: Kies waar de knop wordt geplaatst.
Let op: Als de knop op de afbeelding staat, vervangt deze de Snelle weergave-knop. - Productinfo: Kies een indeling voor de productkaarten en pas deze aan.
- Productopties: Schakel in om de weergave van productopties te beperken tot kleurkeuzes of om het maximum aantal weergegeven kleuren te beperken.
- Linten: Kies waar je het lint wilt weergeven en pas de opvulling aan.
Tip:
Om de categoriepagina tot de volledige breedte uit te rekken, klik je op de Categorie-pagina in de Editor, selecteer je het Uitrek-pictogram
en klik je vervolgens op de schakelaar om deze in te schakelen.
en klik je vervolgens op de schakelaar om deze in te schakelen.De Categorie-pagina ontwerpen
Pas je Categorie-pagina aan het algehele ontwerp van je merk aan.
Om de Categorie-pagina te ontwerpen:
- Klik op het Ontwerp-tabblad.
- Volg de onderstaande stappen om elk onderdeel van de Categorie-pagina te ontwerpen.
Algemeen
Koptekstonderdeel
Categorieënlijst en filters
Productkaarten
Productgegevens
Aantal- en productopties
Linten
Naam en prijsverdeler
Winkelwagenknop
Meer laden/vorige-knoppen of paginering
Knop 'Snelle weergave'
De tekst op de Categorie-pagina bewerken
Bewerk de beschikbare tekst op het Tekst-tabblad zodat deze overeenkomt met je stem en toon. Je kunt de tekst die op knoppen op de pagina verschijnt personaliseren (bijvoorbeeld toevoegen aan winkelwagen, vooruitbestellen) en het bericht dat verschijnt wanneer een product niet op voorraad is.
Tip:
Als je ervoor kiest om elementen te verbergen, verschijnt de optie om de tekst in dat element te bewerken niet.
Om tekst te bewerken:
- Klik op het Tekst-tabblad.
- Bewerk een van de beschikbare tekstopties.
De zijbalk aanpassen
De categoriezijbalk heeft twee componenten: de categorieënlijst en filters. Je kunt een of beide weergeven of de zijbalk volledig verbergen.
Belangrijk:
De categorieënlijst verschijnt niet op mobiel. Het toevoegen van categorieën aan het websitemenu is de beste manier om je klanten er gemakkelijk toegang toe te geven.
Elke actieve categorie die je maakt, wordt automatisch weergegeven in de categorieënlijst, maar je kunt categorieën die je niet wilt weergeven verbergen. Je kunt de categorieën die je wel wilt weergeven ook opnieuw ordenen.
Dit zijn de filters die je klanten kunnen gebruiken om de producten te vinden die ze nodig hebben. De filters van je website passen zich automatisch aan de categorie die een websitebezoeker bekijkt.
Tip:
Je kunt categoriefilters gebruiken om klanten subcategorieën te laten selecteren. Wanneer klanten bijvoorbeeld de categorie dameskleding bekijken, kunnen ze elke filter selecteren dat producten in andere categorieën en dameskleding heeft.
Om de zijbalk aan te passen:
- Klik op het Lijst-tabblad.
- Pas een van de volgende lijstopties aan:
- Categorieënlijst tonen: Klik op de Categorieënlijst tonen-schakelaar om deze weer te geven of te verbergen.
- Toon de titel van de categorieënlijst: Schakel het selectievakje uit om de titel te verbergen. Indien geselecteerd, kun je de titeltekst bewerken.
- Hoe wil je deze lijst beheren:
- Synchroniseer al mijn categorieën automatisch: Elke actieve categorie wordt automatisch weergegeven in de volgorde waarin deze is toegevoegd.
- Pas de lijst handmatig aan en rangschik deze opnieuw: Geeft je de mogelijkheid om bepaalde categorieën te verbergen en de lijst opnieuw te ordenen.
- Schakel de selectievakjes uit naast de categorieën die je wilt verbergen.
- Herschik de categorieën door ze te slepen en neer te zetten.
- Klik op het Filters-tabblad.
- Pas een van de volgende filteropties aan:
- Filters weergeven: Klik op de schakelaar om alle filters weer te geven of te verbergen.
- Toon de titel van de filters: Schakel het selectievakje uit om de 'Filteren op'-titel te verbergen.
- Titel van filter: Als je de titel weergeeft, kun je de titeltekst bewerken.
- Laat klanten filteren op: Wijs een filter aan en klik op het Meer acties-pictogram om het te verbergen of te bewerken.
- Categorie: Je kunt het categoriefilter verbergen of op Bewerken klikken om te selecteren welke categorieën moeten worden weergegeven.
- Prijs: Je kunt de prijsfilter verbergen of op Bewerken klikken om de filtertitel te bewerken.
- Productopties: Verberg de productopties-filter.
Tip: Als je productopties weergeeft, worden voor elke pagina relevante opties weergegeven. - Korting: Je kunt deze optie verbergen of verwijderen. Als je deze optie weergeeft, kun je categorieën selecteren waarop uitverkopen worden toegepast.
om het te verbergen of te bewerken.
De sorteeropties aanpassen
Je categoriepagina wordt geleverd met sorteeropties om het voor klanten gemakkelijker te maken om relevante producten te bekijken. Je kunt alle opties uitschakelen of de sortering volledig verbergen.
Om de productsortering aan te passen:
- Klik op het Sorteren-tabblad.
- Selecteer de volgorde waarin je producten worden weergegeven in de Producten rangschikken op-dropdown. Als je klanten toestaat producten te sorteren, kunnen ze deze instelling overschrijven.
Let op: Standaard hangt de volgorde van producten in een categorie af van de volgorde die je instelt in het dashboard. - Pas een van de volgende instellingen aan:
- Klik op de Toon 'Sorteren op'-opties-schakelaar om deze in of uit te schakelen.
- Bewerk het 'Sorteren op'-label.
- Schakel het selectievakje uit naast sorteeropties die je wilt verbergen.
De Snelle weergave aanpassen
Met de snelle weergave-optie kunnen klanten productgegevens in een pop-up bekijken zonder je categoriepagina te verlaten.
Belangrijk:
Als de In winkelwagen-knop is ingeschakeld en bovenop de productafbeelding wordt geplaatst, wordt de Snelle weergave-knop niet weergegeven.
Lees hoe je de Snelle weergave in- of uitschakelt en aanpast.