07. Categoriepagina - Help center
Deze instellingen betreffen de categoriepagina's
De product tegel
Product images: Stel hier in of je de afbeeldingen met ruimte of uitgevuld wilt tonen.
Product images orientation: Stel hier in of je de afbeelding in de hoogte wil uitrekken.
Grey product images: Stel in of je de afbeelding een grijze achtergrond wil geven.
Show second image: Hiermee kun je een tweede afbeelding tonen wanneer je met de muis over de product tegel gaat.
Product title height: Hiermee kun je de hoogte van de producttitels instellen. Als je veel verschillende lengtes hebt van product titels, dus bijvoorbeeld 1, 2, 3 en 4 regels, dan kun je met deze functie de product tegels op gelijke hoogte houden.
Add to cart behaviour: Hiermee stel je in wat er moet gebeuren wanneer men op de winkelwagen knop klikt. In ons voorbeeld links de groene knop.
Extra product info: Hiermee stel je in wat voor extra product informatie je wilt tonen in de product tegel. Je hebt bj deze optie meerdere mogelijkheden:
Availability: Hiermee toon je een beschikbaar/niet beschikbaar melding. Deze beschikbaarheid is niet gekoppeld aan je daadwerkelijke voorraad. Deze wordt getoond als:
Real stock with shipping info: Hiermee toon je de daadwerkelijke voorraad en de daadwerkelijke verzendtijd.
Real stock with shipping info
Show available product variants: Hiermee toon je de beschikbare product varianten. Tevens wordt aangegeven of deze variant op voorraad is of niet.
Show available product variants
[Real stock] Short stock level: Wanneer je kiest voor Real stock with shipping info kun je hier aangeven wanneer de "lage voorraad waarschuwing" tevoorschijn moet komen. De kleur voor deze waarschuwing is color yellow in de theme colors instellingen. Deze functie is vooral handig om een bepaalde urgentie te creëren bij je bezoeker. Er zijn er immers nog maar x op voorraad 🙂
Product data_02 as specifications: Met deze functie kun je "extra template data_02" gebruiken als een belangrijke product specificatie lijst.
Om deze functie te gebruiken dien je eerst de functie "extra template data" te activeren. Vervolgens kun je bij elk afzonderlijk product data_02 invullen. Het snelste voor meerdere producten is natuurlijk een export maken van je producten en vervolgens de kolom data_02 vullen. Daarna importeer je de sheet weer.
Data 02 met product specificaties
Tevens is het mogelijk om de daadwerkelijke product specificaties (dus ingevuld onder product specificaties) te gebruiken. Echter is dit een shop specifieke aanpassing en kan dus alleen via een maatwerk opdracht gedaan worden. Neem daar voor contact op met support@webdinge.nl.
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 onderstaand voorbeeld zie je staan #ff6000:New. Hierbij is #ff6000 de kleur voor het label. Dan volgt een dubbele punt. Vervolgens typ je de tekst voor op het label. In dit geval is dat "new".
Wanneer je meerdere labels wilt toevoegen aan hetzelfde product dan scheid je de labels door een komma. Dus je krijgt dan:
#ff6000:New, #ff6000:Other label, #ff6000:Another label
Met deze instellingen kun je de filter kolom op de categoriepagina aanpassen.
Filters set a background color: Met deze instelling kun je de filterkolom een grijze achtergrondkleur geven.
Hide brands filter: Verberg de standaard merken filter
Hide price filter: Verberg de prijs filter
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.