Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. black-green yellow_blue Control-panel-Icon Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Open-24-7 Created with Sketch. 247 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

HTML parameters om de webshop te embedden

Parameters zijn opties die bepalen hoe uw webshop eruit ziet. U kunt bijvoorbeeld bepalen in welke volgorde uw producten worden getoond en hoe een afbeelding wordt weergegeven.

De parameters zijn een deel van de insluitcode van uw webshop en ziet er als volgt uit:

showCategorySelector: true imageRatio: 'square' cropImages: true productsPerPage: 15 productsPerRow: 5 sortProducts: 'name-ascending' userCanSortProducts: true embedType: 'html'

Wanneer u Website Builder gebruikt om uw webshop te publiceren, kunt u daar eenvoudig de instellingen aanpassen. Echter, wanneer u uw webshop manueel met de HTML code wilt embedden, dient u dit te gebruiken.


Welke parameters kan ik aanpassen?

U kunt de volgende parameters aanpassen:

Toon categorie selector
Afbeeldingsstijl
Snijd productafbeeldingen bij
Producten per pagina
Producten per rij
Sorteer producten
Gebruiker kan de producten sorteren
Type embedden

We hebben genoteerd wat elke parameter doet en hoe u deze kunt aanpassen.


Toon categorie selector

Laat een drop-down menu zien van alle categorieën in uw webshop. Het geeft bezoekers de mogelijkheid alleen de producten van een specifieke categorie te bekijken.

Om het drop-down menu in te schakelen past u de waarde aan naar true of naar false om het uit te schakelen.

Voorbeeld:

showCategorySelector: true

Afbeeldingsstijl

Hiermee kunt u in de voorkant van uw webshop de vorm van uw afbeeldingen aanpassen.

U kunt uit de volgende instellingen kiezen:

  • Toon afbeeldingen als vierkant: 'square'
  • Toon afbeeldingen in portret formaat: 'portrait'
  • Toon afbeelding in landschap formaat: 'landscape'
  • Toon afbeeldingen in de orginele vorm: 'actual'

Voorbeeld:

imageRatio: 'square'

Snijd productafbeeldingen bij

Met deze instelling snijdt u afbeeldingen bij naar de vorm die u gekozen heeft als afbeeldingsstijl. U kunt ook er ook voor kiezen om de hele afbeelding in een thumbnail te plaatsen met behoud van de hoogte-breedte verhouding.

Om afbeeldingen bij te snijden past u de waarde aan naar true of naar false om de afbeelding in een thumbnail te plaatsen.

Voorbeeld:

cropImages: true

Producten per pagina

Deze instelling bepaalt het aantal producten dat in het shopoverzicht getoond wordt. Dit is ook het aantal producten dat wordt getoond wanneer een klant op de "Laad meer..." knop 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 bepaalt u hoeveel producten per rij getoond worden in het shop overzicht. 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 uw voorkeur.

Voorbeeld:

productsPerRow: '4'

Sorteer producten

Stel een standaard volgorde in voor de producten die u verkoopt. U kunt bijvoorbeeld het nieuwste product eerst laten zien.

U kunt uit de volgende instellingen kiezen:

  • Sorteer op alfabetische volgorde: 'name-ascending'
  • Nieuwste eerst: 'age-ascending'
  • Goedkoopste eerst: 'price-ascending'
  • Duurste eerst: 'price-descending'

Voorbeeld:

sortProducts: 'name-ascending'

Gebruiker kan de producten sorteren

Met deze instelling bepaalt u of u een drop-down menu wilt laten zien in uw webshop waarmee uw bezoekers de volgorde van de producten kunnen wijzigen. De sorteer mogelijkheden zijn dezelfde als de instellingen voor sorteer producten. De bezoeker kan bijvoorbeeld zoeken op nieuwste of goedkoopste producten.

Om het drop-down menu in te schakelen past u de waarde aan naar true of naar false om het uit te schakelen.

Voorbeeld:

userCanSortProducts: true

Type embedden

Deze parameter bevat interne informatie over uw webshop. U hoeft deze parameter niet zelf aan te passen, dit wordt automatisch gedaan afhankelijk van hoe u uw webshop publiceert.

Voorbeeld:

embedType: 'html'

Gerelateerde artikelen:Related articles:

CSS parameters voor Webshop
Aan de slag met Webshop