Eigene Icons einbinden

Eigene Icons einbinden

In diesem Beispiel zeigen wir wie du ein Warenkorb-Icon im Template durch ein anderes austauschen kannst.

Passendes Icon aussuchen

Im Template sind Fontawesome-Icons der Free Version 5.1 verbaut. Wir überschreiben das vorhandene Icon mit unserem eignen.
  1. Gehe auf die Seite, suche dort ein Icon aus.
  2. Kopiere den Unicode oben rechts z.B. "f291".
  3. Gehe in den Theme Editor auf die Datei "custom_crit.scss" und füge dort folgendes ein.
  1. .fa-shopping-cart::before {
  2.     content: "\f291" !important;
  3. }