WooCommerce Produkt-Kurator Entwicklung

Technisches Briefing: Dynamischer Produkt-Kurator in WooCommerce

1. Projektübersicht
Wir entwickeln einen Online-Shop mit einem "Produkt-Kurator". Dieses Tool leitet Kunden durch einen Filterprozess (Kategorie, Zielgruppe, Budget) und präsentiert ihnen anschließend eine handverlesene Auswahl von Produktvorschlägen zur individuellen Zusammenstellung.

Zentrale Anforderung: Der Kunde trifft in mehreren, vordefinierten Kategorien eine Auswahl aus kuratierten Vorschlägen und fügt diese zu einem personalisierten Set zusammen, das als eine Einheit in den Warenkorb gelegt werden kann.

Inspiration für Interaktionsprinzip: Vergleichbar mit Konfiguratoren für modular zusammensetzbare Produkte, bei denen eine visuelle Repräsentation die Auswahl des Nutzers widerspiegelt.

2. Seiten-Struktur & Hauptkomponenten

A. Der Haupt-Kurator (Kernseite: `/kurator`)
Diese Seite funktioniert als interaktive Single-Page-Anwendung (SPA) innerhalb von WordPress.

Grundlayout:
```
[Kunden-Filter: Kategorie | Zielgruppe | Budget] [Button: "Vorschläge laden"]
-----------------------------------------------------------------------
| | |
| (VISUELLE VORSCHAU) | (AUSWAHL-SPALTEN) |
| Dynamische Darstellung des | 1. Spalte: Primärprodukt|
| zusammengestellten Sets (z.B. als | 2. Spalte: Sekundärprodukt|
| mood board oder koloriertes Layout). | 3. Spalte: Zubehör + |
| | Add-On |
| | |
-------------------------------------------|---------------------------
[Status: "Set: 1/3 Komponenten"] [Gesamtpreis] [Mengenregler] [Button: "Zum Warenkorb"]
```

Nutzerfluss:
1. Nutzer wählt Filter und klickt "Vorschläge laden".
2. AJAX-Request an das Backend mit Filterparametern.
3. Backend antwortet mit je 2-3 Produktvorschlägen pro Kategorie (JSON).
4. Vorschläge werden in den Auswahlspalten angezeigt.
5. Nutzer wählt einen Vorschlag → Visuelle Aktualisierung (die Komponente erscheint in der Vorschau, Status und Preis werden aktualisiert).
6. Sind alle 3 Kategorien befüllt, wird der "Zum Warenkorb"-Button aktiv.

B. Backend: Admin-Oberfläche für Kuratierungslogik
Ein Custom WordPress Admin Panel (`/wp-admin/admin.php?page=presentum-rules`) verwaltet die Geschäftslogik:

* Regel-Engine: Definiert Logik wie: "WENN Filter-Kombination X, DANN zeige Produkte A,B,C aus Kategorie Y an".
* Produkt-Pool-Management:
* Kernprodukt-Pool: Manuell zugewiesene WooCommerce-Produkte mit eigenem, hochwertigem Bildmaterial.
* Dynamischer Produkt-Pool: Automatisch aus externen Datenquellen importierte und vorgeschlagene Produkte (mit Originalbild).
* Produktfamilien: Ermöglicht die Gruppierung von Produkten in "Familien" (z.B. "Schreibgeräte_Premium"). Die Regel-Engine kann dann "ein Produkt aus Familie X" anfordern, und das System wählt das aktuelle, beste verfügbare aus.

C. Warenkorb & Checkout-Anpassungen
* Das zusammengestellte "Set" muss als einzelner, gebündelter Warenkorb-Eintrag erscheinen, z.B. "Individuelles Premium-Set" mit einem "Details anzeigen"-Link zur Auflistung der enthaltenen Einzelartikel.
* Die im Kurator gewählte Menge muss auf diesen Warenkorb-Eintrag übertragen werden (z.B. `25x Individuelles Premium-Set`).

3. Datenmodell (Key Relationships)

```php
// Vereinfachtes Konzept der benötigten Datenstrukturen
1. Kuratierungs-Regel (Custom Post Type)
- ID, Titel
- Bedingungen: category (tax), target_group (tax), price_min, price_max
- Ausgabe: Array von Kategorie-Zuweisungen
['primary'] => [product_id_1, product_id_2, ...],
['secondary'] => [...],
['addon'] => [...] // Hier ist ein spezifisches Add-On immer enthalten

2. Produktfamilie (Custom Taxonomy)
- slug (z.B. 'premium-schreibgeraete', 'leder-accessoires')
- zugewiesene_produkte (Array von Produkt-IDs, kann aus externer Quelle stammen)

3. Dynamisches Produkt (Custom Post Type)
- Externe Produktdaten (Titel, Bild-URL, Preis, externer_Link, Verfügbarkeit)
- zugeordnete_familie (Taxonomie-Term)
- zuletzt_aktualisiert
```

4. Externe Integrationen

* Externer Daten-Importer: Ein automatisiertes Skript oder eine Integration (z.B. via Make.com/Zapier) importiert regelmäßig Produktdaten von Partnern und speichert sie als `Dynamisches Produkt` CPT.
* Logik der Regel-Engine: Bei einer Anfrage kann die Engine entweder eine feste `Produkt-ID` (Kernprodukt) oder eine `Produktfamilie` referenzieren. Im zweiten Fall wählt das System automatisch das aktuell "optimale" verfügbare Produkt aus dieser Familie aus (basierend auf Provision, Bewertung, Verfügbarkeit).

5. Technologie-Stack Empfehlung

* WordPress & WooCommerce: Basis-Plattform.
* React oder Vue.js für die Frontend-Komponente (`/kurator`): Ermöglicht flüssige Interaktionen. Soll als WordPress-Shortcode eingebettet werden können.
* REST API oder WP AJAX-Handler: Für die Kommunikation zwischen Frontend (Auswahl) und Backend (Kuratierungslogik).
* Advanced Custom Fields (ACF Pro) / Meta Box: Für die benutzerfreundliche Konfiguration der Regeln im Backend.
* Benutzerdefinierte Datenbank-Tabellen: Für die Verwaltung dynamischer Produkte und zur Performance-Optimierung.

6. Lieferumfang (Meilensteine)

1. Phase 1: WordPress-Setup, Grundgerüst des Kurators (statisches Frontend), Backend-Interface für die Regel-Engine (ohne dynamische Produktlogik).
2. Phase 2: Voll funktionsfähiger Kurator mit Kernprodukten, dynamischer visueller Vorschau und Warenkorb-Integration.
3. Phase 3: Integration des externen Daten-Importers und der Logik für dynamische Produkte.
4. Phase 4: Feintuning, Performance-Optimierung, Testing und Launch-Begleitung.

---

7. Fragen an den Entwickler / zu Klärendes

* Wie kann die dynamische visuelle Vorschau technisch umgesetzt werden? (SVG-Manipulation, Canvas, Bibliotheken?)
* Welche Caching-Strategien werden für die Regel-Abfragen empfohlen, um Performance bei vielen Nutzern zu gewährleisten?
* Bestehen Erfahrungen mit der Integration und dem Caching von Echtzeit-Bestandsdaten externer Partner?
* Können Sie ein Angebot und einen Zeitplan für die Meilensteine 1 bis 4 (MVP mit Kernprodukten) erstellen?

Schickt uns gerne euer Angebot – wir sind gespannt! Nehmt euch ruhig bis zu zwei Wochen Zeit dafür. Danach schauen wir uns alles in Ruhe an und melden uns direkt bei der Person oder dem Team, mit dem wir zusammenarbeiten möchten.

Danke schon mal für eure Mühe und bis bald! Show More