Ga naar hoofdinhoud

Collectie

De collectiepagina toont een overzicht van producten binnen een specifieke categorie. Dit is een cruciale pagina waar bezoekers snel het juiste product moeten kunnen vinden door middel van filters en sortering.

Algemene Layout & Vormgeving​

Pas de basisweergave van de collectie aan via de sectie-instellingen:

  • Marge onderkant verwijderen (No margin bottom): Vink dit aan om de ruimte direct onder de collectie te verkleinen (handig als je een andere sectie strak tegen de collectiepagina wilt plaatsen).
  • Collectie afbeelding tonen: Als je in de Shopify Admin een afbeelding aan de collectie hebt toegevoegd, kun je hier kiezen of deze getoond moet worden:
    • Altijd tonen (All): Zichtbaar op alle apparaten.
    • Alleen desktop (Desktop only): Verbergt de afbeelding op mobiel om ruimte te besparen.
    • Nooit tonen (None): Verbergt de afbeelding volledig.
  • Kleurenschema's: Stel onafhankelijk het kleurenschema in voor de Informatiekaart (waar de titel en beschrijving in staan) en voor de Filters (de zijbalk).
  • Titel Opmaak: Bepaal de lettergrootte (H1 t/m H6 of display), de uitlijning en de dikte (normaal of dikgedrukt) van de collectietitel.

Productweergave (Grid)​

Bepaal hoeveel producten er tegelijkertijd op de pagina zichtbaar zijn:

  • Producten per rij op desktop: Kies of je 3 of 4 producten naast elkaar wilt tonen op grote schermen.
  • Producten per pagina: Bepaal hoeveel producten er maximaal geladen worden voordat de bezoeker naar een volgende pagina (paginatie) moet klikken (in te stellen tussen 1 en 50 producten).

Filters & Sorteren​

Met deze instellingen bepaal je hoe bezoekers door je assortiment kunnen navigeren:

  • Filter weergave (Filter display):
    • Zijbalk (Sidebar): Toont de filters in een traditionele, verticale balk aan de linkerkant van de producten.
    • Rij (Row): Plaatst de filters in een horizontale balk boven de producten (in de informatiekaart).
    • Geen (None): Verbergt de filters volledig.
  • Mobiele Filter Knop (FAB): Als je de filters als zijbalk gebruikt, verschijnt er op mobiel een zwevende knop (Floating Action Button) om de filters te openen. Je kunt het kleurenschema van deze knop aanpassen en de exacte positie (aantal pixels vanaf de onderkant van het scherm) bepalen, zodat deze niet over een eventuele chat-widget valt.

Korte Omschrijving (Short Description)​

Dit is een korte introductietekst die direct onder de titel wordt getoond, in de opvallende informatiekaart boven de producten.

  • Inschakelen: Vink aan of uit of je een korte omschrijving wilt tonen.
  • Aantal tekens afkappen: Bepaal na hoeveel letters de tekst moet worden afgekapt (bijvoorbeeld na 150 tekens).
  • 'Lees meer' knop: Als je deze aanzet en de tekst langer is dan de drempelwaarde, verschijnt er een klikbare "Lees meer"-link. Deze scrollt de bezoeker direct naar de volledige beschrijving onderaan de pagina. Let op: als dit is uitgeschakeld, wordt de tekst niet afgekapt.
  • Metafield koppeling (optioneel): Standaard pakt het thema de tekst uit je normale collectiebeschrijving. Wil je specifiek een andere, korte introtekst? Koppel dan een Shopify Metafield (vul de metafield key in).

Uitgebreide Omschrijving (Description)​

  • Volledige beschrijving activeren: Vink dit aan om de complete collectiebeschrijving (die je in de Shopify Admin hebt geschreven) helemaal onderaan de pagina, ónder alle producten, te tonen. Dit is vaak erg belangrijk voor SEO (zoekmachine optimalisatie) doeleinden, zonder dat het de navigatie bovenaan de pagina in de weg zit.