Productgalerijen zijn de manier om de producten die je aanbiedt te presenteren. Je kunt een galerij toevoegen aan elke websitepagina die je wilt en vervolgens beslissen wat je wilt weergeven: al je producten of één specifieke categorie.
Afhankelijk van je voorkeuren kun je kiezen tussen een Rastergalerij of een Schuifgalerij, zoals hieronder:
Lees in dit artikel meer over:
Een categorie weergeven in een Rastergalerij
Een raster productgalerij is een geweldige manier om een groot aantal producten weer te geven. Producten verschijnen in een raster met meerdere kolommen en rijen.
Om een Rastergalerij toe te voegen en een weer te geven categorie te selecteren:
- Ga naar de pagina waaraan je de galerij wilt toevoegen.
- Open het Elementen toevoegen-paneel in je Editor:
- Wix Editor: Klik links in de Editor op Elementen toevoegen
. - Editor X: Klik bovenaan Editor X op Elementen toevoegen
.
- Klik op Webshop.
- Klik op Rastergalerij.
- Sleep de Rastergalerij naar de relevante locatie op je websitepagina.
- Klik op de galerij in de Editor.
- Klik op Categorie kiezen.
- Selecteer een optie:
- Om alle producten weer te geven: Zorg ervoor dat de categorie Alle producten is geselecteerd.
- Om één categorie weer te geven: Klik om een categorie te selecteren.
Een Rastergalerij aanpassen
De galerij is het eerste deel van je webshop dat klanten zien. Pas het aan zodat het een goede indruk maakt.
Om een Rastergalerij aan te passen:
- Ga naar de pagina in de Editor met de galerij die je wilt aanpassen.
- Klik op de Productgalerij.
- Klik op het Instellingen-pictogram
. - Kies wat je wilt doen:
Klik op het Indeling-tabblad en pas de galerij aan met de volgende opties:
- Volledige breedte: Schakel dit in om de galerij over de hele browser uit te rekken. Indien ingeschakeld, stel je de grootte van de galerijmarges in. Als je de voledige breedte hebt ingeschakeld, raden we aan Responsief te selecteren onder Rastergedrag in het Indeling-gedeelte.
- Galerij: Selecteer een weergavestijl en kies een de tekstuitlijning, het aantal kolommen en rijen, en de onderlinge afstand.
- Afbeeldingen: Selecteer hoe de door jou geüploade afbeeldingen worden weergegeven. Lees meer
- Indeling lint: Selecteer waar het lint verschijnt.
- Paginering: Kies een pagineringstijl en pas de pijlen en uitlijning aan.
Let op: Alleen beschikbaar als je paginering selecteert op het Instellingen-tabblad.
Klik op het Instellingen-tabblad en pas de volgende opties aan:
- Bij aanwijzen: Stel in wat er gebeurt wanneer een klant een product aanwijst met de cursor.
- Wat wil je weergeven? Toon of verberg galerij-elementen.
- Meer producten bekijken: Selecteer wat er gebeurt wanneer klanten naar de onderkant van de pagina scrollen. Lees meer
Let op: Op je mobiele website wordt 'Meer laden' altijd weergegeven na tien producten. - 'In winkelwagen'-knop: Toon de knop zodat klanten producten aan de winkelwagen kunnen toevoegen zonder naar de productpagina te gaan. Indien geselecteerd, pas je de knop aan:
- Alleen bij aanwijzen: Selecteer om de knop alleen te tonen als de klant deze met de cursor aanwijst.
- Bij klikken op de knop: Selecteer waar de klant naartoe wordt geleid nadat op de In winkelwagen-knop wordt geklikt.
- Toon de hoeveelheid: Selecteer om klanten toe te staan twee of meer van een product aan de winkelwagen toe te voegen.
- Opties weergeven: Schakel dit in om productopties zoals kleur of maat weer te geven.
Klik op het Tekst-tabblad en een van de volgende opties aan:
- In winkelwagen knoptekst: Beschikbaar als de 'In winkelwagen'-knop is ingeschakeld.
- Niet op voorraad bericht: Er verschijnt een bericht wanneer de productvoorraad nul is.
- Meer producten bekijken tekst: Beschikbaar als je ervoor hebt gekozen om een Meer laden-knop weer te geven wanneer klanten naar beneden scrollen naar de onderkant van de pagina.
Klik op het Ontwerp-tabblad en pas de galerij aan met de volgende opties:
Tip: De opties variëren afhankelijk van de functies die je hebt ingeschakeld in de Instellingen- en Snelle weergave-tabbladen.
- Algemeen: Kies een achtergrondkleur voor de galerij en pas de filter- en sorteerontwerpen aan.
- Meer laden-knop / Paginering: Pas de optie aan die je hebt geselecteerd op het Instellingen-tabblad.
- Productweergave: Kies een achtergrondkleur voor de producten, voeg een rand toe en pas de galerijtekst aan.
- 'In winkelwagen'-knop: Selecteer een ontwerp voor elke weergave (standaard en aanwijzen).
- Linten: Selecteer een lintvorm, kleur en lettertype. Lees meer
- Productopties en hoeveelheid: Pas beide soorten productopties aan (kleur en dropdown).
- Naam en prijsklasse: Pas de scheidingslijn tussen de productnaam en de prijs aan.
- Snelle weergave-knop: De Snelle weergave-knop verschijnt boven de afbeelding wanneer de cursor deze aanwijst. Bekijk een voorbeeld van je website om het te bekijken.
Schakel filters in om klanten te helpen de producten te vinden waarnaar ze op zoek zijn.
Lees hoe
Laat klanten je producten sorteren op prijs, naam of hoe nieuw ze zijn.
Lees meer
Pas de Snelle weergave aan
Met de Snelle weergave kunnen klanten productdetails in een pop-up bekijken zonder je winkelpagina te verlaten.
Om de Snelle weergave uit te schakelen:
- Klik op het Snelle weergave-tabblad.
- Klik op de Snelle weergave tonen-schakelaar om het uit te schakelen.
Klik
hier om te lezen hoe je de snelle weergave kunt aanpassen.
De Rastergalerij aanpassen voor mobiel
Zorg ervoor dat de galerij er goed uitziet wanneer klanten deze bekijken op een mobiel apparaat. Je kunt het ontwerp aanpassen aan kleinere schermen en klanten in staat stellen snel producten aan de winkelwagen toe te voegen zonder weg te navigeren uit de galerij.
Om de Rastergalerij voor mobiel aan te passen:
- Ga naar de pagina met de Rastergalerij die je wilt aanpassen.
- Klik op de bovenste balk van de Editor op het Overschakelen naar mobiel-pictogram
.
- Klik op de Rastergalerij.
- Klik op Instellingen.
- Doe een van de volgende dingen om je galerij aan te passen voor mobiel:
- 'Toevoegen aan winkelwagen'-knop weergeven: Schakel dit in om klanten producten aan de winkelwagen te laten toevoegen zonder naar de Productpagina te gaan. Indien ingeschakeld, kun je Hoeveelheid weergeven inschakelen om klanten in staat te stellen meer dan één product aan de winkelwagen toe te voegen.
- Productopties weergeven: Schakel dit in om productopties zoals maten of kleuren weer te geven.
- Indelingen: Toon producten in 1 of 2 kolommen.
- Ontwerp: Sleep de schuifregelaars om de tekstgrootte aan te passen voor mobiel.
Een categorie weergeven in een Schuifgalerij
Een Schuifgalerij is de perfecte manier om je producten te laten zien. Klanten kunnen op de navigatiepijlen klikken om meer producten te bekijken.
Om een Schuifgalerij toe te voegen en een weer te geven categorie te selecteren:
- Ga naar de pagina waaraan je de galerij wilt toevoegen.
- Open het Elementen toevoegen-paneel in je Editor:
- Wix Editor: Klik links in de Editor op Elementen toevoegen.
- Editor X: Klik bovenaan Editor X op Elementen toevoegen.
- Klik op Webshop.
- Klik op Schuifgalerij.
- Sleep de Schuifgalerij naar de plek waar je deze wilt plaatsen.
- Klik op de galerij in de Editor.
- Klik op Instellingen.
- Selecteer een optie:
- Om alle producten weer te geven: Zorg ervoor dat de categorie Alle producten is geselecteerd.
- Om één categorie weer te geven: Selecteer een categorie in de Welke categorie wil je weergeven?-dropdown.
De Schuifgalerij aanpassen
Pas een Schuifgalerij aan om de perfecte look te krijgen. Je kunt de tekst en het ontwerp van de galerij personaliseren, kiezen welke elementen worden weergegeven (bijvoorbeeld een 'Toevoegen aan winkelwagen'-knop) en nog veel meer.
Om een Schuifgalerij aan te passen:
- Klik op de Schuifgalerij.
- Klik op Instellingen.
- Kies wat je wilt doen:
Klik op het Indeling-tabblad en pas de galerij aan met de volgende opties:
- Volledige breedte: Gebruik dit om te kiezen hoe de Schuifgalerij wordt weergegeven.
- Ingeschakeld: Het element wordt uitgerekt tot de volledige breedte van de browser van je bezoekers.
- Marges: Stel de grootte van de marges aan de randen van de galerij in.
- Uitgeschakeld: Het element wordt niet uitgerekt over de gehele breedte van de browser.
- Productweergave: Selecteer hoe productinformatie wordt weergegeven.
- Uitlijning productinfo: Selecteer de tekstuitlijning: links, rechts of gecentreerd.
- Uitlijning galerijtitel: Titel kan worden uitgeschakeld op het Instellingen-tabblad.
- Rastergedrag: Selecteer hoe het aantal weergegeven producten wordt bepaald:
- Vast: Het aantal producten dat je selecteert, wordt weergegeven aan alle bezoekers.
- Selecteer het aantal producten dat je wilt weergeven.
- Responsief: Het aantal weergegeven producten past zich aan de schermgrootte van je bezoeker aan. Deze instelling is alleen beschikbaar als je hierboven Volledige breedte hebt geselecteerd.
- Afstand tussen rijen: Pas de grootte van de lege ruimte tussen producten aan.
- Opvulruimte voor productinfo: Pas de opvulling links en rechts van de productinfo aan.
- Afbeeldingen: Selecteer hoe de door jou geüploade afbeeldingen worden weergegeven. Lees meer
- Indeling lint: Selecteer waar het lint verschijnt. Lees meer
Klik op het Instellingen-tabblad en pas de volgende opties aan:
- Bij aanwijzen: Stel in wat er gebeurt wanneer een klant een product aanwijst met de cursor.
- Wat wil je weergeven? Toon of verberg galerij-elementen.
- 'In winkelwagen'-knop: Toon de knop zodat klanten producten aan de winkelwagen kunnen toevoegen zonder naar de productpagina te gaan. Indien geselecteerd, pas je de knop aan:
- Alleen bij aanwijzen: Selecteer om de knop alleen te tonen als de klant deze met de cursor aanwijst.
- Bij klikken op de knop: Selecteer waar de klant naartoe wordt geleid nadat op de In winkelwagen-knop wordt geklikt.
- Toon de hoeveelheid: Selecteer om klanten toe te staan twee of meer van een product aan de winkelwagen toe te voegen.
Klik op het Tekst-tabblad en een van de volgende opties aan:
- Titeltekst: Beschikbaar als de titel is ingeschakeld.
- In winkelwagen knoptekst: Beschikbaar als de In winkelwagen-knop is ingeschakeld.
- Niet op voorraad bericht: Er verschijnt een bericht wanneer de productvoorraad nul is.
Klik op het Ontwerp-tabblad en pas de galerij aan met de volgende opties:
Tip: De opties variëren afhankelijk van de functies die je hebt ingeschakeld in de Instellingen- en Snelle weergave-tabbladen.
- Algemeen: Kies een achtergrondkleur voor de galerij en pas het lettertype en de kleur voor de titel aan, en pas de navigatiepijlen aan.
- Productweergave: Kies een achtergrondkleur voor de producten, voeg een rand toe en pas de galerijtekst aan.
- 'In winkelwagen'-knop: Selecteer een ontwerp voor elke weergave (standaard en aanwijzen).
- Linten: Selecteer een lintvorm, kleur en lettertype. Lees meer
- Naam en prijsklasse: Pas de scheidingslijn tussen de productnaam en de prijs aan.
- Snelle weergave-knop: De Snelle weergave-knop verschijnt boven de afbeelding wanneer de cursor deze aanwijst. Bekijk een voorbeeld van je website om het te bekijken.
Pas de Snelle weergave aan
Met de Snelle weergave kunnen klanten productdetails in een pop-up bekijken zonder je winkelpagina te verlaten.
Om de Snelle weergave uit te schakelen:
- Klik op het Snelle weergave-tabblad.
- Klik op de Snelle weergave tonen-schakelaar
om het uit te schakelen.
Klik je
hier om meer te lezen over het aanpassen van de Snelle weergave.
