Skip to content

User Experience & Navigatie - Domein Overzicht

Laatste update: 2025-12-15 Status: Living document
Parent: [[00-PROJECT-INDEX]]

Quick Navigation

  • [[#User Profielen]] - Customer & openbaar profiles
  • [[#Navigation System]] - Menu's, routes, redirects
  • [[#Account Hub]] - Central user dashboard
  • [[#Custom Modules]] - vg_commerce UX components

Overzicht

Complete user experience implementatie voor: - Dual profile system (customer billing + public bio) - Central account hub (/user/{uid}) - Intuitive navigation & redirects - Order/invoice access - MailChimp newsletter integration

Stack: - Drupal Profile module - Layout Builder (account pages) - Gin admin theme - Custom vg_commerce routes & controllers

Status: Productie-ready

User Profielen

Profile Types

customer (Billing Profile) - Bundle: customer - Gebruikt voor: Billing, verzending, beroep - Velden: - address (standaard commerce) - field_beroep (list_string): therapeut, dietist, student, etc. - field_partner (entity_reference): Partner ECK entity (optioneel) - Conditional logic: field_beroep required + reset target pattern - Status: Live

openbaar (Public Profile) - Bundle: openbaar - Gebruikt voor: Public bio, website, social - Velden: - field_profiel_website (link) - field_profiel_adres (address, optioneel) - field_bio (text_long, optioneel) - MailChimp sync: actief bij save - Status: Live

Profile Logic

Conditional Fields: - Pattern: "required + reset target" - Voorbeeld: field_beroep required als ingevuld - Fix: User 51 access issue opgelost via programmatic profile creation

Key Documents: - [[20251201-user-experience-refactor]] - Profile refactor details - [[20251113-users-profielen-mailchimp]] - Initial setup

Account Hub

Central Page: /user/{uid} - Theme: Gin admin theme - Builder: Layout Builder enabled - Sections: customizable per user - Status: Live

Menu: user-toolmenu - 5 shortcuts naar veelgebruikte pagina's - Dynamische items (order count, etc.) - Locatie: vg_commerce module

Routes & Controllers

vg_commerce Routes: 

/user/{uid}/bestellingen -> OrdersViewController
/user/{uid}/facturen -> InvoicesViewController
/user/{uid}/profiel -> ProfileViewController
/my/bestellingen -> MyPageRedirectController (redirect naar eigen orders)
/my/facturen -> MyPageRedirectController (redirect naar eigen invoices)

Controllers: - Locatie: /web/modules/custom/vg_commerce/src/Controller/ - ProfileViewController: Displays profile data - MyPageRedirectController: Current user redirects

Tabs: - Account page heeft tabs voor subpages - Tab group: user_account - Gedefinieerd in vg_commerce.links.task.yml

Deployment Status

Dev: All routes enabled Live: vg_commerce deactivated (wacht op Fase 2 deployment) - Issue: Controllers ontbraken bij eerdere deploy - Oplossing: Heractiv

eren na code deploy

Key Documents: - [[20251126-User-Navigation]] - Navigation architecture - [[20251201-user-experience-refactor]] - Recent updates

Account Hub Features

Active Features

Profielbeheer: - Edit customer profile (billing) - Edit openbaar profile (public bio) - Profile view pages

Order Management: - Order history (/user/{uid}/bestellingen) - Order details view - Reorder functionality (toekomstig)

Invoice Access: - Invoice list (/user/{uid}/facturen) - PDF download - Email resend (toekomstig)

Toekomstige Features

VGBC Tickets (Fase 3/4): - Ticket overview - QR code display - Attendee management - Transfer tickets

Account Dashboard: - Activity feed - Quick actions - Personalized content

Custom Modules

vg_commerce (UX Components)

Locatie: /web/modules/custom/vg_commerce/

Controllers: - ProfileViewController.php - MyPageRedirectController.php - (Future) OrdersViewController, InvoicesViewController

Routing: - vg_commerce.routing.yml - Route definitions - vg_commerce.links.menu.yml - Menu links - vg_commerce.links.task.yml - Local tasks (tabs)

Menu: - user-toolmenu definition

Cross-Domain: - [[COMMERCE-overzicht]] - Order/invoice backend - [[MAILCHIMP-overzicht]] - Profile sync - [[00-PROJECT-INDEX]] - Master index

Recent Sessions: - [[20251201-user-experience-refactor]] - Profile refactor (2025-12-01) - [[20251126-User-Navigation]] - Navigation setup (2025-11-26) - [[20251113-users-profielen-mailchimp]] - Profile types (2025-11-13)

Document eigenaar: Team Voedingsgeneeskunde Laatste update: 2025-12-15 Versie: 1.0

Voor AI: User Experience domein. Zie [[20251201-user-experience-refactor]] voor recente profile logic. Zie [[20251126-User-Navigation]] voor navigation architecture.