09. Page categoriepagina

Product display – images

Hiermee stel je de product tegels in.

  • Product container: Geef hier de kleur op voor het gele gedeelte in onderstaande afbeelding.
  • Product images: Hier stel je in hoe je de product afbeeldingen wilt weergeven. Met ruimte om de afbeelding of zonder ruimte. 

Met ruimte

Zonder ruimte:

  • Product images orientation: Kies hier de afbeelding dimensie. Vierkant of rechthoekig.

Rechthoekig (320×400 pixels):

 Vierkant (320×320 pixels):

  • Grey product images: Met deze instelling plaats je een grijze overlay over je afbeeldingen. Zie bovenstaande afbeelding
  • Show second image: Hiermee toon je de tweede product afbeelding uit de lijst met product afbeeldingen die je hebt geüpload.

Product display – overig

In deze sectie de overige instellingen voor de product tegels.

  • Product title height: Hier mee geef je aan hoeveel ruimte je product titels nodig hebben. Dat is de ruimte onder de afbeelding en net boven de review sterren of winkelwagen knop. Op deze manier blijven je product tegels allemaal dezelfde hoogte. Je kiest hier 1, 2 of 3 regels. Heb je hele lange titels dan kies je voor “as much as needed”.

1 line:

2 lines:

As much as needed:

  • Show wishlist button: Toon/verberg de wensenlijst knop
  • Show add to cart button: Toon/verberg de winkelwagen knop
  • Add to cart behaviour: Hiermee geef je aan wat er moet gebeuren wanneer men op de winkelwagen knop klikt.
    • Add product to cart: Wanneer je dit kiest wordt het product aan de winkelwagen toegevoegd
    • Lead to productpage: De knop leid de klant naar de productpagina. 
    • Open the quickshop widget: Hiermee wordt de quickshop widget geopend. Op deze manier kan een klant snel een product variant kiezen en aan de winkelwagen toevoegen. 
  • Show compare button: Show/hide the compare button
  • Hide reviews: Toon/verberg de review sterren
  • Review stars color: De kleur van deze review sterren
  • Sale label color: Kleur van de sale labels. De labels die getoond worden wanneer een product een afgeprijsde prijs heeft.
  • Hide custom product labels: De product labels die je zelf kunt aanmaken. Lees hieronder hoe je die labels kunt aanmaken

Om custom labels te maken doe je het volgende: Ga naar Instellingen > Workflow > Extra template data. Activeer dit. Ga vervolgens naar een product en scroll helemaal naar beneden. je ziet daar nu 3 data velden. In data_01 vul je dan de kleur vanhet label en de tekst voor op het label in. Dat doe je als volgt:

In bovenstaand voorbeeld zie je staan #ff6000:New. Hierbij is #ff6000 de kleur voor het label. Dan volgt een dubbele punt. Vervolgesn typ je de tekst voor op het label. In dit geval is dat “new”. 

  • Hide discount label: Verberg/toon de sale labels
  • Brand name label: Verberg/toon de merknamen net boven de product titels.
  • Currency symbol: Verberg/toon het valuta symbool voor de product prijs.

Dit is de linkerkolom op een categorie pagina met oa de filters er in. Je kiest hier of je de recent bezocht producten wilt tonen of niet.

Filters

In deze sectie stel je de filters in de sidebar in.

  • Filters set a  background color: Geef de sidebar een contrasterende achtergrondkleur. 
  • Subcategories: Hiermee toon je de subcategorieën van deze openstaande categorie. Hiermee kun je je klant sneller helpen naar het gezochte product. 
  • Hide brands filter: Hiermee verberg je de standaard merken filter van Lightspeed. Als je veel met merken werkt in je shop dan is het handig om deze functie in te schakelen en een nieuwe filter te maken met alle merken er in. De merken filter van Lightspeed kan maar 1 merk per keer filteren.
  • Hide price filter: Hiermee verberg je de prijs filter.  

Inhoud

Hiermee kun je de categorie teksten verplaatsen en de categorie afbeelding wel of niet tonen. 

  • Category description: Kies hier waar je je categorie tekst wilt tonen. Meest gangbare is onderaan de pagina. Echter kun je de tekst ook opsplitsen. Dus deels bovenaan en deels onderaan. Om dat voor elkaar te krijgen plaats je een tag in je categorie tekst. Dat doe je op onderstaande manier

In de tekst staat een [break] De tekst boven deze tag wordt bovenaan geplaatst en de tekst onder deze tag wordt onderaan geplaatst.

Updated on december 27, 2021

Was this article helpful?

Related Articles