Parameters zijn opties die bepalen hoe de Webshop eruitziet. Je kunt bijvoorbeeld bepalen in welke volgorde de producten worden getoond en hoe een afbeelding wordt weergegeven.
De parameters zijn een deel van de insluitcode van de Webshop en ziet er als volgt uit:
showCategorySelector: true imageRatio: 'square' cropImages: true productsPerPage: 15 productsPerRow: 5
showProductPreview: true, sortProducts: 'name-ascending' userCanSortProducts: true
buttonClassname: 'btn-myclass',
buyButtonText: 'Buy',
embedType: 'html'
Wanneer je Website Builder gebruikt om de Webshop te publiceren, kun je daar eenvoudig de instellingen aanpassen. Echter, wanneer je de Webshop handmatig met de HTML code wilt insluiten, dien je dit te gebruiken.
Let op: De parameters sortProducts en showProductPreview worden niet meer ondersteund in de insluitversie van de shop. Hierdoor zijn ze uitgesloten van het overzicht.
Welke parameters kan ik aanpassen?
We hebben op een rijtje gezet wat elke parameter doet en hoe je deze kunt aanpassen.
Je kunt de volgende parameters aanpassen:
- Toon categorie selector
- Afbeeldingsstijl
- Productafbeeldingen bijsnijden
- Producten per pagina
- Producten per rij
- Gebruiker kan producten sorteren
- Knopstijl wijzigen
- Knoptekst wijzigen
- Type insluiten
Toon categorie selector
Laat een dropdown menu zien van alle categorieën in de Webshop. Het geeft bezoekers de mogelijkheid alleen de producten van een specifieke categorie te bekijken.
Wijzig de waarden in true om het dropdown menu in te schakelen of naar false om het uit te schakelen.
Voorbeeld:
showCategorySelector: true
Afbeeldingsstijl
Hiermee kun je in de Shopfront de vorm van afbeeldingen aanpassen.
Je kunt uit de volgende instellingen kiezen:
- Afbeeldingen weergeven als vierkanten: 'square'
- Afbeeldingen weergeven in portretformaat: 'portrait'
- Afbeeldingen weergeven in landschapsformaat: 'landscape'
- Afbeeldingen weergeven in de originele vorm: 'actual'
Voorbeeld:
imageRatio: 'square'
Productafbeeldingen bijsnijden
Met deze instelling snijdt je afbeeldingen bij naar de vorm die je gekozen hebt als afbeeldingsstijl. Je kunt er ook voor kiezen om de hele afbeelding in een thumbnail te plaatsen met behoud van beeldverhouding.
Wijzig de waarde naar true om afbeeldingen bij te snijden of naar false om de afbeelding in een miniatuur te laten passen.
Voorbeeld:
cropImages: true
Producten per pagina
Deze instelling bepaalt het aantal producten dat in het Webshopoverzicht getoond wordt. Dit is ook het aantal producten dat wordt getoond wanneer een klant op de knop "Laad meer..." klikt onderaan de producten. Wijzig het aantal naar het aantal producten dat getoond dient te worden.
Voorbeeld:
ProductsPerPage: 15
Producten per rij
Met deze instelling bepaal je hoeveel producten per rij getoond worden in het Webshopoverzicht. Het minimum aantal producten per rij is 2, het maximum is 8. Wijzig het aantal aan het einde van de parameter naar het aantal van jouw voorkeur.
Voorbeeld:
productsPerRow: '4'
Gebruiker kan producten sorteren
Met deze instelling bepaal je of je een dropdown menu wilt laten zien in de Webshop waarmee bezoekers de volgorde van de producten kunnen wijzigen. De sorteer mogelijkheden zijn dezelfde als de instellingen voor producten sorteren. De bezoeker kan bijvoorbeeld zoeken op nieuwste of goedkoopste producten.
Wijzig de waarden in true om het dropdown menu in te schakelen of naar false om het uit te schakelen.
Voorbeeld:
userCanSortProducts: true
Knopstijl wijzigen
Met deze instelling kun je de stijl van de knop wijzigen. Je kunt deze bijvoorbeeld groter of kleiner maken of een klasse invoegen die verschillende vormen van visueel gewicht toevoegt.
Voorbeeld:
buttonClassname: 'btn-myclass',
Knoptekst wijzigen
Met deze instelling kun je de tekst binnen de knop 'Naar betalen' wijzigen. Als je bijvoorbeeld wilt dat er 'Naar afrekenen' staat, kun je de tekst aan het einde van de parameter eenvoudig wijzigen.
Voorbeeld:
buyButtonText: 'Buy',
Type insluiten
Deze parameter bevat interne informatie over de Webshop. Je hoeft deze parameter niet zelf aan te passen, dit wordt automatisch gedaan afhankelijk van hoe je de Webshop publiceert.
Voorbeeld:
embedType: 'html'
Gerelateerde artikelen:
