Passe Findalo bis ins Detail an.

Alles im Dashboard — Farben, Layouts, Presets — funktioniert ohne eine Zeile Code. Diese Sektion ist für den Schritt darüber hinaus: feines Theming mit CSS-Tokens, Styles auf den stabilen Klassen des Widgets, deine eigene Produkt-Card und das Reagieren auf die Events der Suche aus JavaScript.

KI-Automatisierung per MCP (Agents)

Verbinde dein LLM (Claude Code, Cursor …) über einen API-Key mit deiner Suchmaschine: Es entdeckt, was es konfigurieren kann und mit welchen Limits, und schlägt Änderungen vor, die ein Mensch freigibt.

Theming mit --fdl-*-Tokens

Der stabile Vertrag für die visuelle Anpassung: 27 versionierte CSS-Tokens.

Fortgeschrittenes CSS und stabile Klassen

Widget-Klassen mit garantiertem Support für Custom CSS.

Card-Template

Eigenes HTML für die Produkt-Card, mit Variablen und Bedingungen.

Events und JavaScript-API

Der findalo.on-Bus: Suchen, Klicks, Warenkorb und die API-Methoden.

Contexto de navegación (FINDALO_CTX) (ES)

Una variable JS con la página, el producto, la categoría, el carrito y el cliente — igual en PrestaShop, WooCommerce, Magento y Shopware.

Der Vertrag: was stabil ist und was nicht

Das Widget rendert in einem eigenen Shadow DOM, um deinen Shop nicht zu stören. Was wir hier dokumentieren — die --fdl-*-Tokens, die gelisteten Klassen, die Template-Variablen und die Events — ist ein stabiler Vertrag: Wir fügen nur hinzu, benennen nie um und entfernen nichts. Jede andere Klasse oder Variable, die du im Inspector siehst, ist intern und kann sich in jeder Version ohne Ankündigung ändern; verlasse dich nicht darauf.

Wo dein Code hingehört

Von deiner eigenen Website aus: deklariere die Tokens auf .findalo-search-host in einem beliebigen Stylesheet deines Shops — sie durchdringen das Shadow DOM.
Aus dem Dashboard: Darstellung → Erweitert enthält CSS- und JS-Editoren, deren Code ins Widget injiziert wird. Das CSS dort schreibst du auf .kos-search und die stabilen Klassen.

Jede Seite dieser Sektion existiert auch als Markdown (hänge .md an die URL an; kanonische Version auf Spanisch) — praktisch, um sie deinem Coding-Assistenten zu geben. Der allgemeine Index für Agents liegt unter findalo.io/llms.txt.