Icons

Einleitung

In diesem Bereich kannst du alle im easyTemplate360 verwendeten Icons und kannst sie hierüber verändern. Wir haben uns Mühe gegeben, wirklich alle im JTL-Standard auftauchenden (und möglichen) Icons abzubilden.

Fällt dir ein Icon auf, was du nicht verändern kannst? Lass es uns wissen!

Das easyTemplate360 bietet dir hier die Font Awesome 5 Free Icons an, sowie die Möglichkeit, eigene Icon-Klassen zu vergeben.

Icons einstellen

Im Wesentlichen hast du die folgenden beiden Optionen, um ein Icon festzulegen:

  1. Du kannst aus der Liste von Font Awesome 5 Free Icons wählen.

  2. Du kannst eine eigene CSS-Klasse für ein Icon definieren, wenn du einen anderen Icon-Font nutzen möchtest, oder spezielle Font Awesome-Klassen für Größen und/oder Animationen hinzufügen möchtest.

Andere / Eigene Icon-Fonts nutzen

Falls du eigene Icon-Fonts oder andere Icon-Fonts nutzen möchtest, musst du wie folgt vorgehen:

  1. Lege dir ein Child-Template an, in dem du deinen eigenen Icon-Font lädst.

  2. Falls du Font Awesome 5 Free komplett ersetzen willst, entferne über dein Child-Template Font Awesome 5 Free (Achtung: Das kann zu Kompatibilitätsproblemen mit Plugins führen, da im NOVA-Standard Font Awesome 5 Free ebenfalls enthalten ist und Plugins ggf. davon ausgehen, dass diese vorhanden sind.)

  3. Markiere bei den zu ersetzenden Icons “Eigene CSS-Klasse” und füge die von deinem Icon-Font definierte CSS-Klasse ein.

Technisch werden die Icon-Klassen im Template innerhalb von <span> bzw. <i> Elementen gesetzt.

Hierbei kann dir bei Bedarf auch dein Servicepartner helfen.