Icons
Dropper liefert einige Icon-Sets mit aus, deren Icons du benutzen kannst. Wichtig hierbei ist, dass bei der Benutzung nicht die gesamte (potentiell sehr große) Icon-Font in deinen Shop eingebunden wird, sondern jedes Icon individuell als Inline-SVG gerendert wird, sobald du es benutzt. Die SVGs verhalten sich identisch zu Icon-Fonts und nehmen die jewailige Schriftfarbe und Größe ihrer Umgebung standardmäßig an. Es ist ebenfalls möglich Farbe und Größe implizit zu setzen.
Um die Nutzung von Drop-Icons zu vereinfachen stellt Dropper den Smarty-Modifier
drop_icon
zur Verfügung:
{'icon-name'|drop_icon}
Um Farbe, Größe und Platzverhältnis ändern zu können nimmt der Modifier weitere Argumente entgegen:
{'icon-name'|drop_icon:<size>:<color>:<boxed>}
-
size: Größe des Icons (CSS-Wert) -
color: Farbe des Icons (CSS-Wert) -
boxed: Icons werden in gleicher Breite dargestellt (Boolean)
also beispielsweise
{'icon-name'|drop_icon:'24px':'#ff0000':true}
Icon Finder
Finde das passende Icons. Klicke auf das Icon um den Smarty-Code des Icons zum einfügen in Dropper oder dein Template zu erhalten.