🔁 Meerdere Vervolgcategorieën per Product
💡 Wat was de wens?
De mogelijkheid om vervolgcategorieën te koppelen aan producten en categorieën was beperkt tot één keuze via een dropdown. Er was behoefte om maximaal 5 vervolgcategorieën te kunnen koppelen, met meer overzicht en flexibiliteit.
🖥️ Beheer
- De dropdown voor vervolgcategorieën is vervangen door een overzichtelijke tabel
- Je kunt nu maximaal 5 vervolgcategorieën koppelen aan een product of categorie
- De vervolgcategorie die voorheen in de dropdown stond, is automatisch overgezet naar de tabel met het vinkje “Standaard” aangevinkt
- Het vinkje “Standaard” zorgt voor behoud van de oude werking: als je nog geen gebruik maakt van meerdere vervolgkeuzes, werkt het systeem zoals je gewend bent
- Er is een vinkje “Verplicht” toegevoegd waarmee je kunt aangeven of een vervolgkeuze verplicht is
- In het productoverzicht zie je nu direct hoeveel vervolgkeuzes er aan een product zijn gekoppeld (bijv. “3 gekoppeld” of “Geen gekoppeld”)
- Deze functionaliteit is beschikbaar voor zowel producten als categorieën
📱 App / Kassa
- Wanneer je een product aanslaat met vervolgkeuzes, verschijnt er een popup met de titel “Vervolgkeuze: [categorienaam]”
- Verplichte vervolgkeuzes worden gemarkeerd met een rode asterisk (*) in de titel
- In de popup zie je alle beschikbare producten uit de vervolgcategorie als knoppen
- Je kunt een product kiezen door erop te klikken, waarna dit als subproduct wordt toegevoegd
- Onderaan de popup staan twee knoppen:
- Volgende – ga naar de volgende vervolgkeuze (alleen bij niet-verplichte keuzes)
- Annuleren – verwijder het hoofdproduct en alle al gekozen subproducten
- Bij verplichte vervolgkeuzes verschijnt een rode waarschuwing als je op “Volgende” klikt zonder een product te kiezen
- Je kunt maximaal 5 vervolgkeuzes achter elkaar doorlopen
- Alle gekozen subproducten worden ingesprongen weergegeven onder het hoofdproduct in het bestelformulier
- Subproducten blijven zichtbaar, ook nadat de bestelling naar de keuken is gestuurd
🧪 Hoe kun je dit testen?
Voor producten:
1. Ga naar Productaanbod > Producten
2. Open een bestaand product of maak een nieuw product aan
3. Klik op het tabblad “Vervolgkeuzes”
4. Klik op “Toevoegen” en selecteer een vervolgcategorie uit de dropdown
5. Vink eventueel “Standaard” of “Verplicht” aan
6. Herhaal dit om meerdere vervolgcategorieën toe te voegen (maximaal 5)
7. Controleer in het productoverzicht dat het aantal gekoppelde vervolgkeuzes wordt getoond
Voor categorieën:
1. Ga naar Productaanbod > Categorieën
2. Open een bestaande categorie of maak een nieuwe categorie aan
3. Klik op het tabblad “Vervolgkeuzes”
4. Klik op “Toevoegen” en selecteer een vervolgcategorie
5. Vink eventueel “Standaard” of “Verplicht” aan
6. Herhaal dit om meerdere vervolgcategorieën toe te voegen (maximaal 5)
1. Open de kassaapplicatie en selecteer een tafel
2. Sla een product aan dat vervolgkeuzes heeft (bijv. “Espresso”)
3. Controleer dat er een popup verschijnt met de titel “Vervolgkeuze: [categorienaam]”
4. Let op de rode asterisk (*) bij verplichte vervolgkeuzes
5. Kies een product uit de vervolgkeuze door erop te klikken
6. Als er meerdere vervolgkeuzes zijn, verschijnt automatisch de volgende popup
7. Test “Volgende” bij een niet-verplichte keuze — deze mag worden overgeslagen
8. Test “Volgende” bij een verplichte keuze — er moet een rode waarschuwing verschijnen
9. Test “Annuleren” — het hoofdproduct en alle subproducten moeten worden verwijderd
10. Controleer dat alle subproducten ingesprongen onder het hoofdproduct staan
11. Stuur de bestelling naar de keuken en controleer dat de subproducten zichtbaar blijven
1. Log in op de kassaapplicatie
2. Selecteer een tafel of start een nieuwe bestelling
3. Kies een product of categorie waarvoor vervolgcategorieën zijn ingesteld
4. Controleer dat er een overzicht verschijnt met meerdere vervolgcategorie-opties (maximaal 5)
5. Controleer dat de standaardkeuze al is voorgeselecteerd
6. Klik op een andere vervolgcategorie om deze te selecteren
7. Controleer of de juiste vervolgcategorie aan de bestelling wordt toegevoegd
8. Test dit met verschillende producten en categorieën die vervolgcategorieën hebben
🎯 Upsell Functionaliteit
💡 Wat was de wens?
De mogelijkheid om vervolgkeuzes te markeren als upsell-opties, zodat deze anders kunnen worden gepresenteerd in de kassa en webapp. Daarnaast was er behoefte aan een overzicht van alle producten die aan een upsell-vervolgcategorie zijn gekoppeld, inclusief hun eigen vervolgkeuzes.
🖥️ Beheer
Type Selectie
- Bij het toevoegen of bewerken van vervolgkeuzes kun je nu het type instellen via een dropdown
- Twee opties beschikbaar:
- Normaal – Standaard vervolgkeuze gedrag
- Upsell – Markeer als upsell-optie voor speciale presentatie
- Het type kan direct in de tabel worden gewijzigd via de dropdown in de kolom "Type"
- Let op: Wanneer je een upsell-vervolgkeuze koppelt aan een product dat zelf al in een upsell-vervolgcategorie zit, wordt deze automatisch gemarkeerd als supplement
Upsell Details Weergave
- Vervolgkeuzes met type "Upsell" zijn uitklapbaar in de tabel (herkenbaar aan het expand-icoon)
- Klik op een upsell-rij om de gekoppelde producten te bekijken
- Het uitklapbare overzicht toont:
- Alle producten binnen de vervolgcategorie
- Hun gekoppelde vervolgkeuzes
- Of de vervolgkeuzes van het product zelf komen of van de categorie zijn geërfd
- Visuele indicatie: upsell-rijen hebben een lichtgele achtergrondkleur
- Detail-weergave met gestructureerde tabel layout en loading states
🖨️ Kassa
- Het upsell type wordt doorgegeven aan de kassa applicatie
- De kassa kan upsell-opties anders presenteren aan gebruikers (bijv. met speciale styling of prominentere weergave)
- Type informatie beschikbaar voor kassa-logica
📱 Webapp
- Upsell vervolgkeuzes worden herkend en kunnen specifiek gestyled worden
- Type informatie beschikbaar voor frontend logica
- Mogelijkheid om upsell-opties visueel te onderscheiden van normale vervolgkeuzes
🧪 Hoe kun je dit testen?
In het Beheer:
1. Ga naar Productaanbod > Producten of Productaanbod > Categorieën
2. Open een product of categorie met vervolgkeuzes
3. Klik op het tabblad "Vervolgkeuzes"
4. Wijzig het type van een bestaande vervolgkeuze naar "Upsell" via de dropdown
5. Controleer dat de rij een lichtgele achtergrond krijgt en een expand-icoon toont
6. Klik op de upsell-rij om deze uit te klappen
7. Controleer dat je een overzicht ziet van:
- Alle producten in de vervolgcategorie
- Hun vervolgkeuzes (met badges voor Standaard/Verplicht indien van toepassing)
- Of vervolgkeuzes van het product zelf komen of van de categorie
8. Klik nogmaals op de rij om deze in te klappen
9. Test met meerdere upsell-vervolgkeuzes om te controleren dat elke rij onafhankelijk kan worden uitgeklapt
In de Kassa/Webapp:
1. Sla een product aan met een upsell-vervolgkeuze
2. Controleer dat de upsell-optie wordt weergegeven (eventueel met speciale styling)
3. Verifieer dat de functionaliteit correct werkt in combinatie met normale vervolgkeuzes