Icons
Several widget fields (clockIcon, step1Icon, step2Icon, step3Icon) use a small icon picker component. It draws from a built-in catalogue and supports your own uploads.
Built-in catalogue
Section titled “Built-in catalogue”The icon picker shows the icons shipped with the plugin: shipping baskets, trucks, packages, calendars and a few delivery-related glyphs. Click an icon to assign it to the current field.
The plugin’s own icons live under src/Resources/public/static/img/ and are bundled with the plugin — no admin upload required.
Uploading your own
Section titled “Uploading your own”The icon picker integrates with Shopware’s media manager. To use a custom icon:
- Open the picker.
- Choose Upload (the standard Shopware media upload button at the top of the dialog).
- Pick a transparent PNG / SVG.
- The uploaded file is added to the Estimated Delivery Media folder by default, so it’s easy to find later.
Recommended sizes
Section titled “Recommended sizes”| Use | Recommended size |
|---|---|
| Step icons (default variant) | 32×32 to 64×64 PNG / SVG |
| Step icons (arrows variant) | 24×24 to 48×48 |
| Clock icon | Up to ~100px (driven by clockIconSize) |
Vector (SVG) is preferred — the widget scales it through CSS so it stays crisp on all DPI screens.
Per-step defaults
Section titled “Per-step defaults”- Step 1 (Order) — defaults to
regular-shopping-basket. - Step 2 (Shipping) — no default, configure per use.
- Step 3 (Estimated Delivery) — no default, configure per use.
- Clock — uses
clockIconwhen Display icon (clockWithIcon) is on.
Removing the icon column
Section titled “Removing the icon column”For the Steps widget, the icon column can be toggled off entirely via Display icons (stepsWithIcons) on the Widget tab. For the Clock widget, the same is controlled by Display icon (clockWithIcon) on the Clock card.