Przejdź do głównej zawartości

Ikony

Kilka pól widgetu (clockIcon, step1Icon, step2Icon, step3Icon) używa małego komponentu icon picker. Czerpie z wbudowanego katalogu i wspiera własne uploady.

Icon picker pokazuje ikony dostarczone z pluginem: koszyki zakupowe, ciężarówki, paczki, kalendarze i kilka dodatkowych glifów związanych z dostawą. Kliknij ikonę, by przypisać ją do aktualnego pola.

Własne ikony pluginu znajdują się pod src/Resources/public/static/img/ i są bundlowane z pluginem — żaden upload nie jest wymagany.

Icon picker integruje się z managerem mediów Shopware. By użyć własnej ikony:

  1. Otwórz picker.
  2. Wybierz Upload (standardowy przycisk uploadu mediów Shopware na górze dialogu).
  3. Wybierz transparentny PNG / SVG.
  4. Wgrany plik trafia domyślnie do folderu Estimated Delivery Media, by łatwo go znaleźć później.
ZastosowanieRekomendowany rozmiar
Ikony kroków (wariant default)32×32 do 64×64 PNG / SVG
Ikony kroków (wariant arrows)24×24 do 48×48
Ikona zegaraDo ~100px (sterowane przez clockIconSize)

Vector (SVG) jest preferowany — widget skaluje go przez CSS, więc zostaje ostry na wszystkich ekranach DPI.

  • Step 1 (Order) — domyślnie regular-shopping-basket.
  • Step 2 (Shipping) — brak domyślnej, konfiguruj per użycie.
  • Step 3 (Estimated Delivery) — brak domyślnej, konfiguruj per użycie.
  • Clock — używa clockIcon, gdy Display icon (clockWithIcon) jest włączony.

Dla widgetu Kroki kolumnę ikon można wyłączyć w całości przełącznikiem Display icons (stepsWithIcons) w zakładce Widget. Dla widgetu Zegar to samo kontroluje Display icon (clockWithIcon) w karcie Clock.