Finde den Weihnachtsmann und spare jeden Tag 24% auf ein Drop oder Plugin in unserem Store!
Dein Warenkorb ist leer

Icons

Nutze die in Dropper integrierten Icons unhabhängig von deinem Template

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.