Blok: Voorraadstatus

Met het voorraadstatusblok kun je aanpassen hoe klanten de voorraad van een product zien. Je kunt de weergave aanpassen op basis van maat, kleur en plaatsing. Naast standaardstatusberichten kun je ook aangepaste berichten en pictogrammen tonen.

Om het blok toe te voegen:

1. Open de Design Builder.
2. Ga naar de Productpagina sjabloon.
3. In de sectie Productaankoop klik je op het plusteken (+).
4. Voeg het blok Voorraadstatus toe.

Algemene Blokinstellingen

Je kunt het lettertypegrootte, de letterdikte en de kleur aanpassen onder de algemene instellingen van het blok. Je kunt ook met de geavanceerde instellingen de marges wijzigen om de afstand tot andere blokken aan te passen.

Als je webshop gebruikmaakt van de extra module Geavanceerd voorraadbeheer, wordt aangepaste tekst van de voorraadregel weergegeven. Deze instellingen (lettertype, kleur, etc.) zijn dan van invloed op de geavanceerde tekst in plaats van de reguliere hoeveelheid.

Voorraadiconen weergeven

Met deze instelling kun je iconen vóór de voorraadtekst laten zien.

Je kunt hier direct de grootte van de iconen aanpassen. De specifieke instellingen voor de iconen zelf vind je onder de secties Icoon op voorraad en Niet op voorraad icoon.

Icoon op Voorraad

Hier kun je een gewenst icoon selecteren en een aangepaste tekst toevoegen voor producten die op voorraad zijn.

• Aangepaste tekst toevoegen: Als je een aangepaste tekst invoert, wordt de standaardtekst overschreven. Laat het tekstveld leeg om de standaardtekst te behouden.
• Kleur instellen: Je kunt ook de kleur van dit icoon aanpassen.

Niet op Voorraad Icoon

Deze instellingen zijn hetzelfde als bij Icoon op voorraad: je kunt een icoon, aangepaste tekst en kleur instellen voor producten die niet op voorraad zijn.

Wereldwijde Voorraadboodschap

Met de Wereldwijde Voorraadboodschap kun je een bericht tonen aan je klanten over de in- of uit-stock status van producten.

De instellingen omvatten de volgende opties:

• Lettergrootte van het bericht.
• Op voorraad bericht: De tekst die wordt weergegeven wanneer het product op voorraad is.
• Selecteer icoon Op voorraad: Hier kies je het icoon dat vóór het bericht wordt getoond als een product op voorraad is.
• Niet op voorraad bericht: De tekst die wordt weergegeven wanneer het product niet op voorraad is.
• Selecteer icoon Niet op voorraad: Hier kies je het icoon dat vóór het bericht wordt getoond als een product niet op voorraad is.

Uiterlijk aanpassen

Het globale voorraadbericht is ontworpen ter ondersteuning van toegankelijkheidseisen, d.w.z. correcte kleuren voor contrast. Het bericht heeft geen aanpassingsmogelijkheden voor kleuren, etc.

Als je het uiterlijk wilt aanpassen, kan dit wel worden gedaan met behulp van aangepaste CSS. 
Het globale voorraadbericht heeft de volgende CSS-klassen die kunnen worden gebruikt voor aanpassing:

• __global_stock_message
• __global_in_stock_message
• __global_not_in_stock_message
• __global_msg_in_stock_icon

Voorbeeld van aanpassing
Als je bijvoorbeeld het Op voorraad bericht van groen naar blauw wilt wijzigen, kan dat als volgt worden gedaan.

.__global_stock_message.__global_in_stock_message {
background: #c7ddf8;
color: #031c3a;
border-color: #031c3a;
}
.__global_stock_message.__global_in_stock_message svg {
fill: #031c3a;
}