Skip to main content

​
Allgemeine Beschreibung

Das “Icon” Portlet ermöglicht es dir, skalierbare Vektorgrafiken aus der beliebten Font Awesome Bibliothek direkt in deinem Layout zu platzieren. Da es sich um Vektoren handelt, bleiben die Icons auf jeder Bildschirmgröße gestochen scharf. Dieses Portlet ist ideal, um textlastige Bereiche aufzulockern, Funktionen zu visualisieren oder Vertrauenselemente (Trust Elements) darzustellen.
Image

​
Einsatzmöglichkeiten (Inspiration)

  • USP-Leiste: Nutze Icons wie einen LKW, ein Paket oder einen Hörer, um Versandvorteile oder Support-Optionen im Header oder Footer zu visualisieren.
  • Feature-Listen: Verwende Häkchen oder spezifische Symbole anstelle von normalen Aufzählungspunkten, um Produktvorteile hervorzuheben.
  • Social Media: Platziere die Logos von Instagram, Facebook & Co. an prominenter Stelle.
  • Navigationshilfen: Nutze Pfeile oder Wegweiser, um den Blick des Nutzers auf Call-to-Action Buttons zu lenken.

​
Featureübersicht:

  • Riesige Bibliothek: Zugriff auf die umfangreiche Sammlung von Font Awesome Icons.
  • Individuelle Größe: Pixelgenaue Einstellung der Icon-Größe.
  • Freie Farbwahl: Passe die Farbe des Icons passend zu deinem Corporate Design an.
  • Ausrichtung: Flexible Positionierung (horizontal und vertikal) innerhalb des Containers.

​
Settings:

​
Allgemein

Image
Icon (Font Awesome): Nutze das Suchfeld (“Type to filter”), um das gewünschte Icon zu finden (z. B. “check”, “user”, “cart”). Wähle das Icon anschließend durch Anklicken aus der Liste aus. Farbe des Icons: Bestimme die Farbe des Icons. Du kannst hier oft zwischen Standardfarben des Themes wählen oder eine eigene Farbe definieren. Größe des Icons in px: Gib die gewünschte Höhe und Breite des Icons in Pixeln an (z. B. 16 für kleine Icons oder 64 für große Teaser-Icons). Horizontale Position des Icons: Lege die Ausrichtung auf der horizontalen Achse fest (z. B. Zentriert, Links, Rechts). Vertikale Position des Icons: Lege die Ausrichtung auf der vertikalen Achse fest. Dies ist besonders relevant, wenn das Icon in einem Container steht, der höher ist als das Icon selbst.