Zum Inhalt springen

Designer

Der Designer bestimmt, wie die Suche in deinem Shop aussieht — und zwar ohne Deployment. Es gibt keinen Twig-Override, den deine Agentur bei jedem Shopware-Update nachziehen muss.

Vier Layouts, eines pro Sales Channel: integriert, Dropdown, Overlay und Command. Was sie unterscheidet und wann welches passt, steht unter Live schalten.

Das Widget übernimmt standardmäßig die Tokens deines Shop-Themes: Font-Stack, Farben, Radien. Es sieht damit von sich aus nach deinem Shop aus und nicht nach Antares — im Storefront erscheint bewusst keine Antares-Farbe.

Passt das Ergebnis nicht, hast du drei Stufen:

  1. Preset — Clean, Bold, Minimal oder Contrast. Der schnellste Weg.
  2. Tokens einzeln — Farben, Radien, Abstände, Schriftgrößen im Formular.
  3. Eigenes CSS — ab dem Pro-Tarif. Es wird serverseitig bereinigt und über einen CSP-sicheren Weg ausgeliefert, damit es die Policy deines Shops nicht bricht.

Platzhalter im Suchfeld, Überschriften, die Meldung ohne Treffer, die Beschriftung der Filter: alles editierbar, je Kanalsprache. Voreingestellt sind Deutsch und Englisch. Der Text bei null Treffern verdient dabei die meiste Aufmerksamkeit — es ist der Moment, in dem ein Kunde sonst geht.

Die Vorschau zeigt dein Layout mit deinen echten Produkten, nicht mit Platzhaltern, und in der Bildschirmbreite, die du auswählst. Prüf vor dem Veröffentlichen die Mobilansicht: unterhalb von 768 px öffnen alle Layouts als Vollbild mit Filter-Schublade, und das ist eine andere Anordnung als am Desktop.

Veröffentlichen schaltet die Konfiguration scharf; sie liegt danach auf dem CDN und ist in Sekunden überall. Veröffentlichung zurücknehmen schaltet das Widget ab und übergibt sofort wieder an die native Shopware-Suche.