PrestaShop Material Icons + Font Awesome

Das Modul ermöglicht das schnelle Hinzufügen fehlender Icons-Bibliotheken wie Font Awesome und/oder Material Icons. Diese Funktion ist nützlich, wenn Ihr Theme einige dieser Bibliotheken nicht enthält - dies führt zu Problemen mit Icons in Modulen. Dank dieses Moduls können Sie fehlende Dateien hinzufügen, sodass alle Icons ordnungsgemäß angezeigt werden.

Główne zdjęcie produktu: Material Icons + Font Awesome
0.00 €
Warum gibt es mehrere Versionen des Moduls?
Dies liegt daran, dass verschiedene Versionen von PrestaShop unterschiedliche Programmierlösungen verwenden. Funktionen, die z.B. in PrestaShop 1.7 funktionieren, funktionieren möglicherweise nicht in PrestaShop 9. Daher die Notwendigkeit, verschiedene Versionen des Moduls zu veröffentlichen, um den Betrieb in vielen verschiedenen Shop-Versionen sicherzustellen.

Wir entwickeln das Modul kostenlos - wenn Sie möchten - unterstützen Sie uns!

Galeria

Font Awesome & Material Icons Integration: Fehlende Icons Beheben

Dieses kostenlose PrestaShop-Modul integriert nahtlos die beliebten Icon-Bibliotheken Font Awesome und Material Icons in Ihren Shop. Es behebt das Problem fehlender Icons, das oft durch inkompatible Vorlagen oder Module entsteht. Durch die einfache Auswahl der gewünschten Bibliothek gewährleisten Sie eine verbesserte visuelle Konsistenz und eine professionelle Darstellung auf Ihrer gesamten Website. Dies vereinfacht die Icon-Integration erheblich, spart Entwicklungszeit und optimiert das Benutzererlebnis. Installieren Sie dieses Modul, um eine einheitliche und barrierefreie Ikonografie sicherzustellen.

Modulversion: 1.2.5
Shop-Versionen:
9.x8.x1.7.x1.6.x
Funktioniert mit ThirtyBees: Ja
Übersetzungen:
Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Slovenčina (sk)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Magyar (hu)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Čeština (cs)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Srpski (rs)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Français (fr)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: 中文 (zh)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Русский (ru)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Norsk (no)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Български (bg)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Íslenska (is)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Polski (pl)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Slovenščina (si)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: हिन्दी (hi)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Lietuvių (lt)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Svenska (sv)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Українська (ua)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: 日本語 (ja)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Ελληνικά (el)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Eesti (et)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Deutsch (de)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Nederlands (nl)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Dansk (da)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: English (en)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Română (ro)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Italiano (it)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Bahasa Indonesia (id)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Latviešu (lv)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Português (pt)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Hrvatski (hr)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Suomi (fi)Dieses Modul: Material Icons + Font Awesome ist vollständig in die Sprache übersetzt: Español (es)

Keine defekten Icons mehr.
Font Awesome & Material Icons für PrestaShop – Front- und Backoffice.

Ihr Theme liefert Font Awesome oder Material Icons nicht mit. Daher zeigen Module von Drittanbietern, die darauf angewiesen sind, leere Quadrate, falsche Zeichen oder Layoutverschiebungen. Dieses kostenlose Modul integriert eine oder beide Icon-Bibliotheken global: Aktivieren Sie sie für das Frontoffice, das Backoffice oder beide. Eine Installation, vier Schalter, konsistente Icons überall. Kein manuelles CSS, keine Theme-Anpassungen.

PrestaShop 1.7.x, 8.x, 9.x
100 % kostenlos (Freeware)
Font Awesome & Material Icons
Konfiguration des Font Awesome und Material Icons Moduls im PrestaShop Backoffice

Warum Ihr Shop fehlende oder falsche Icons anzeigt

Viele PrestaShop-Themes enthalten weder Font Awesome noch Material Icons. Wenn Sie Module installieren, die diese Bibliotheken erwarten – wie Zahlungsicons, Social-Media-Buttons, Funktionslisten oder Menüs –, können im Front- und Backoffice leere Platzhalter, falsche Zeichen oder ein fehlerhaftes Layout angezeigt werden. Ihnen bleibt dann nur, das Theme zu bearbeiten, CSS manuell hinzuzufügen oder auf diese Module ganz zu verzichten.

Sie müssen keine Theme-Dateien anfassen oder eigene Icon-Ressourcen pflegen. Font Awesome + Material Icons ist ein schlankes Drop-in-Modul: Es registriert sich an den Hooks displayHeader (Frontoffice) und actionAdminControllerSetMedia (Backoffice) und fügt nur das CSS ein, das Sie aktivieren. Schalten Sie Font Awesome für den Shop, Material Icons für den Admin-Bereich oder beides ein – pro Bereich. Ein Bildschirm, vier Schalter, kein Code.

Ergebnis: Jedes Modul, das diese Icon-Sets verwendet, erhält die korrekten Schriftarten. Ein einheitliches Erscheinungsbild im Shop und im Backoffice, bessere Barrierefreiheit durch wiedererkennbare Icons und keine manuelle Integration. Kostenlos und entwickelt, um mit jedem PrestaShop 1.7+, 8.x oder 9.x Shop zu funktionieren.

Was Sie mit diesem Modul erhalten

  • Front- und Backoffice:
    Aktivieren Sie Font Awesome und/oder Material Icons getrennt für den Shop und für den Admin-Bereich. Kein Konflikt mit Themes, die eine der Bibliotheken bereits laden.
  • Zwei beliebte Icon-Sets:
    Font Awesome und Material Icons werden von vielen Modulen und Themes verwendet. Ein Modul bietet Ihnen beide, je nach Bedarf.
  • Keine Core-Überschreibungen:
    Alle Ressourcen befinden sich im Modulordner. Sicher für PrestaShop-Upgrades und kompatibel mit Multistore.

Was das Modul leistet

Icons für das Frontoffice

Aktivieren Sie Font Awesome und/oder Material Icons im Shop mit zwei Schaltern. Das Modul fügt das entsprechende CSS im Hook displayHeader hinzu. Jedes Modul oder Theme, das diese Klassen verwendet, zeigt die Icons korrekt an – bei Zahlungsmethoden, Social-Media-Links, Funktionsblöcken und Menüs.

Icons für das Backoffice

Zwei separate Schalter laden Font Awesome und/oder Material Icons im Admin-Bereich (actionAdminControllerSetMedia). Dashboards, Modul-Konfigurationsseiten und benutzerdefinierte BO-Seiten, die diese Icon-Schriftarten verwenden, werden korrekt dargestellt, ohne dass Core- oder Theme-Dateien bearbeitet werden müssen.

Einheitliche Icons & Barrierefreiheit

Wenn jedes Modul auf dieselben Icon-Sets zugreifen kann, wirken Shop und Backoffice einheitlich. Wiedererkennbare Icons verbessern zudem die Benutzerfreundlichkeit und Barrierefreiheit für alle Nutzer, einschließlich derer, die Hilfstechnologien verwenden oder auf klare visuelle Hinweise angewiesen sind.

Vier klare Schalter

Schalten Sie Font Awesome und Material Icons für das Frontoffice und das Backoffice unabhängig voneinander ein oder aus. Kein Code, keine Dateibearbeitung.

Steuern Sie, wo Icons geladen werden

Die Konfigurationsseite hat vier Schalter: Font Awesome hinzufügen (Frontoffice), Material Icons hinzufügen (Frontoffice), Font Awesome zum BACKOFFICE hinzufügen und Material Icons zum BACKOFFICE hinzufügen. Aktivieren Sie nur, was Sie benötigen. Wenn Ihr Theme bereits Font Awesome im Frontoffice enthält, lassen Sie diesen Schalter aus und verwenden Sie das Modul nur für das Backoffice oder für Material Icons. So vermeiden Sie doppeltes CSS und halten das Frontend schlank.

Zwei Bibliotheken in einem Modul

Font Awesome und Material Icons sind im Modul gebündelt. Kein CDN, keine zusätzlichen Downloads. Wählen Sie eine oder beide pro Bereich.

Vereinfachte Icon-Integration

Anstatt Icon-CSS manuell in Ihrem Theme oder in Core-Überschreibungen hinzuzufügen und zu pflegen, erledigt dieses Modul alles. Es lädt die richtigen Stylesheets an den passenden Hooks. Entwicklung und Wartung bleiben einfach; Sie können sich auf Inhalte und andere Anpassungen konzentrieren. Module, die von diesen Schriftarten abhängen, funktionieren sofort, nachdem Sie die richtigen Schalter aktiviert haben.

Einfache Installation & Updates

Standard-PrestaShop-Modul: installieren, konfigurieren, speichern. Der integrierte MyPresta-Update-Checker benachrichtigt Sie, wenn eine neue Version verfügbar ist.

Ein Bildschirm, kein Durcheinander

Das Formular im Backoffice besteht aus einem einzigen "Einstellungen"-Panel mit den vier Schaltern und einem Speichern-Button. Keine Tabs, keine erweiterten Optionen – nur das Aktivieren oder Deaktivieren jedes Icon-Sets für das Front- und Backoffice. Das Modul verwendet die native PrestaShop-Konfiguration und Bootstrap-Switches (oder Radio-Buttons bei älteren PS-Versionen), passt also zu jeder unterstützten PrestaShop-Version und bleibt bei Upgrades sicher.

Einfache Konfiguration im Backoffice

Ein Bildschirm mit vier Schaltern: Aktivieren Sie Font Awesome und/oder Material Icons für das Frontoffice und für das Backoffice. Speichern – fertig. Keine Änderungen am Theme oder Core erforderlich.

Konfiguration des Font Awesome und Material Icons Moduls im PrestaShop Backoffice

Frontoffice

  • Font Awesome hinzufügen (an/aus)
  • Material Icons hinzufügen (an/aus)
  • Geladen über displayHeader

Backoffice

  • Font Awesome zum BACKOFFICE hinzufügen (an/aus)
  • Material Icons zum BACKOFFICE hinzufügen (an/aus)
  • Geladen über actionAdminControllerSetMedia

Technische Spezifikationen & Kompatibilität

Standard-PrestaShop-Modul. Keine Core-Überschreibungen. Fügt nur CSS an den entsprechenden Hooks hinzu. Sicher für Updates und Multistore.

PrestaShop: 1.7.x und höher (kompatibel mit 8.x, 9.x).
FO-Hook: displayHeader (fügt CSS für das Frontoffice hinzu).
BO-Hook: actionAdminControllerSetMedia (fügt CSS für das Backoffice hinzu).
Keine Core-Überschreibungen. Gesamtes CSS in views/css/. MyPresta-Update-Checker inklusive.
0.00 €
Warum gibt es mehrere Versionen des Moduls?
Dies liegt daran, dass verschiedene Versionen von PrestaShop unterschiedliche Programmierlösungen verwenden. Funktionen, die z.B. in PrestaShop 1.7 funktionieren, funktionieren möglicherweise nicht in PrestaShop 9. Daher die Notwendigkeit, verschiedene Versionen des Moduls zu veröffentlichen, um den Betrieb in vielen verschiedenen Shop-Versionen sicherzustellen.

Wir entwickeln das Modul kostenlos - wenn Sie möchten - unterstützen Sie uns!

Modulgalerie

Warum unser Modul wählen
Material Icons + Font Awesome?

Optimierung und Automatisierung

Dieses Modul optimiert und vereinfacht wichtige Prozesse bei der visuellen Gestaltung Ihres Shops. Es automatisiert die Integration gängiger Icon-Bibliotheken, gewährleistet eine konsistente Darstellung und reduziert manuellen Aufwand, was die Effizienz steigert.

Gesteigerter Umsatz

Dieses Modul sorgt für visuelle Konsistenz und verbessert die Barrierefreiheit, wodurch das Einkaufserlebnis optimiert wird. Dies führt zu höherer Benutzerzufriedenheit, fördert das Vertrauen und kann somit direkt die Konversionsraten und den Umsatz steigern.

15 Jahre Erfahrung

Unsere 15 Jahre PrestaShop-Erfahrung zeigen, wie wichtig konsistente Ikonografie ist. Dieses Modul wurde entwickelt, um dank unseres tiefen Wissens fehlende Icons effizient zu beheben und eine verbesserte visuelle Einheitlichkeit sowie Barrierefreiheit zu gewährleisten.

Umfangreiche Anpassung

Dieses Modul bietet Konfigurationsoptionen zur Auswahl zwischen Font Awesome und Material Icons. Dies ermöglicht eine nahtlose Anpassung der Ikonografie an das Design Ihres Shops und behebt fehlende Icons, um die individuellen visuellen Bedürfnisse optimal zu erfüllen.

Open Source Code

Dieses Modul bietet vollen Zugriff auf den Quellcode. Dies ermöglicht fortgeschrittene Anpassungen der Icon-Integration und garantiert Transparenz. Bearbeiten Sie den Code flexibel für Ihre individuellen Anforderungen.

Lizenz und Updates

Dieses kostenlose Modul unterliegt einer Lizenz zur unbegrenzten Nutzung. Updates für die Pflege der Aktualität werden in der Regel vom Entwickler kostenlos bereitgestellt. Eine kostenpflichtige Erneuerung ist nicht notwendig.