Produkte nach Farbe entdecken
Farbsuche erweitert Ihren Shopware Storefront um eine visuelle Produktsuche. Kundinnen und Kunden wählen eine oder zwei Farben aus und erhalten Produkte, deren Coverbilder diesen Farben tatsächlich ähneln. Das perzeptuelle Matching im OKLab-Farbraum orientiert sich dabei stärker an der menschlichen Farbwahrnehmung als ein einfacher Vergleich von RGB-Werten.
Eine Farbe, zwei Farben, das passende Verhältnis
Die Suche funktioniert mit einer einzelnen Farbe oder mit einer gewichteten Kombination aus zwei Farben. Bei zwei Farben legt der Kunde das gewünschte Verhältnis fest. Die Erweiterung bewertet unterschiedliche Palettenfarben, Farbanteile und wahrgenommene Abstände, um relevante Produkte zuerst anzuzeigen.
Automatische und kontrollierbare Bildanalyse
Produkt-Cover werden im Hintergrund analysiert und als kompakte Paletten mit bis zu sechs repräsentativen Farben gespeichert. Transparente Pixel, Varianten und vererbte Coverbilder werden berücksichtigt. Die Verarbeitung erfolgt lokal mit PHP GD und Shopware Messenger; Produktbilder werden nicht an einen externen Analysedienst gesendet.
In der Administration sehen Sie den Analysezustand direkt am Produkt. Dort können Sie Produkte ausschließen, automatisch erkannte Farben durch eine manuelle Palette ersetzen oder eine erneute Analyse anstoßen.
Performant und ausfallsicher
Mit Elasticsearch oder OpenSearch nutzt die Erweiterung indexierte Paletten und ein Painless-Scoring für schnelle Ergebnisse auch in größeren Sortimenten. Ist der Suchdienst deaktiviert oder vorübergehend nicht erreichbar, greift automatisch ein Datenbank-Fallback mit gleichwertiger PHP-Bewertung. Ein konfigurierbares Kandidatenlimit schützt den Server vor unbegrenzten Katalogscans. So bleibt die Farbsuche auch in kleineren Installationen und bei Suchdienststörungen verfügbar.
Flexibel in den Storefront integrieren
Optional steht ein schwebender Farbsuche-Button bereit, der pro Verkaufskanal aktiviert werden kann. Er erscheint gezielt auf der Startseite, auf Kategorieseiten und auf der Suchergebnisseite. Sobald Shopwares „Nach oben“-Button beim Scrollen sichtbar wird, weicht der Farbsuche-Button automatisch und kehrt anschließend an dieselbe Position zurück.
- Responsiver Suchdialog mit fortlaufendem Nachladen
- Optional auf ausgewählte Kategorien begrenzbar
- Konfigurierbare Eigenschaften-, Hersteller- und Preisfilter passend zu den Farbergebnissen
- Filter optional erst nach Auswahl einer Kategorie sichtbar
- Konfigurierbare Ausgangsfarbe und Produktbox-Darstellung
- Konfigurierbarer schwebender Farbsuche-Button mit eigenem Suchsymbol
- Eigener Block und eigenes Element für Erlebniswelten
- Einfacher Trigger für Header, Navigation oder individuelle Themes
- Twig-Blöcke für projektspezifische Anpassungen
Gezielte Eigenschaften-, Hersteller- und Preisfilter
Wählen Sie pro Verkaufskanal aus, welche Eigenschaftengruppen in der Farbsuche angeboten werden, und aktivieren Sie Hersteller- und Preisfilter unabhängig davon. Der Dialog berücksichtigt Shopwares Einstellung „In Produktfilter anzeigen“ und stellt nur Werte dar, die in den Ergebnissen der aktuellen Farbauswahl und Kategorie vorkommen. Auf Wunsch bleiben alle Filter verborgen, bis eine Kategorie ausgewählt wurde. So lässt sich die visuelle Farbauswahl mit vertrauten Katalogfiltern kombinieren, ohne die Oberfläche mit irrelevanten Auswahlmöglichkeiten zu überladen.
Technische Voraussetzungen
Erforderlich sind Shopware 6.7, PHP 8.2 oder neuer mit GD sowie das Paket shopware/elasticsearch. Für die asynchrone Coveranalyse müssen Shopware Messenger Worker und Scheduled Tasks ausgeführt werden. Elasticsearch oder OpenSearch mit aktivierten Inline-Painless-Skripten wird für den performanten Suchpfad empfohlen.
