Zum Inhalt springen

Icons

Mehrere Widget-Felder (clockIcon, step1Icon, step2Icon, step3Icon) nutzen eine kleine Icon-Picker-Komponente. Sie zieht aus einem eingebauten Katalog und unterstützt eigene Uploads.

Der Icon-Picker zeigt die mit dem Plugin gelieferten Icons: Einkaufskörbe, LKWs, Pakete, Kalender und ein paar Liefer-Glyphen. Klicken Sie ein Icon, um es dem aktuellen Feld zuzuweisen.

Die plugin-eigenen Icons liegen unter src/Resources/public/static/img/ und werden mit dem Plugin gebündelt — kein Admin-Upload nötig.

Der Icon-Picker integriert sich mit dem Shopware-Media-Manager. Um ein eigenes Icon zu verwenden:

  1. Öffnen Sie den Picker.
  2. Wählen Sie Upload (Standard-Shopware-Media-Upload-Button oben im Dialog).
  3. Wählen Sie ein transparentes PNG / SVG.
  4. Die hochgeladene Datei landet standardmäßig im Ordner Estimated Delivery Media und ist später leicht zu finden.
VerwendungEmpfohlene Größe
Schritt-Icons (Default-Variante)32×32 bis 64×64 PNG / SVG
Schritt-Icons (Arrows-Variante)24×24 bis 48×48
Uhr-IconBis ~100px (gesteuert durch clockIconSize)

Vektor (SVG) ist bevorzugt — das Widget skaliert ihn per CSS, sodass er auf allen DPI-Bildschirmen scharf bleibt.

  • Step 1 (Order) — Standard regular-shopping-basket.
  • Step 2 (Shipping) — kein Default, pro Verwendung konfigurieren.
  • Step 3 (Estimated Delivery) — kein Default, pro Verwendung konfigurieren.
  • Clock — verwendet clockIcon, wenn Display icon (clockWithIcon) aktiv ist.

Für das Schritte-Widget kann die Icon-Spalte vollständig über Display icons (stepsWithIcons) in der Widget-Tab abgeschaltet werden. Für die Uhr dasselbe über Display icon (clockWithIcon) in der Clock-Karte.