Wie gefällt Ihnen die Extension?
Phosphor Hyvä für Magento 2
Phosphor Icons für dein
Hyvä Themes Magento 2 Store
Füge wunderschöne SVG/Vektor-Icons hinzu und integriere sie mühelos in deinen Code oder über das Backend. Enthält mehr als 9000+ kostenlose Icons in 6 Stilen: Thin, Light, Regular, Solid, Fill & Duotone. Inklusive Social-Media- und Markenlogos.
Verschönere deinen Hyvä Magento Store:
- Bessere Performance – Keine Font-Dateien geladen
- Perfekte Qualität dank Vektor-Icons
- Alle 9000+ kostenlosen Phosphor Icons enthalten
- Thin, Light, Regular & Solid Stile +
- Einzigartige Fill- & Duotone-Stile
- Social-Media- & Markenlogos
- Einfache Integration über Code oder Backend
Lizenz:
- Einmalige Zahlung - Kein Abo
- Lebenslanger Zugriff auf Quellcode
- 1 Jahr kostenfreier Support
- 1 Jahr kostenfreie Updates
Geprüft und verifiziert von Magento Marketplace
1st Extension Provider
Mit Hyvä Support
Awesome seit 2021!
Unverschlüsselt. 100% Open Source & anpassbar
Coding Standards. Sauberer & lesbarer Code
Unzählige zufriedene Kunden: Seien Sie der Nächste!
Made With Love
Unsere Extensions sind gebaut mit Liebe und Leidenschaft für neue Dinge, Perfektion und Performance.
Praxis Erprobt
Unsere Extensions sind in unseren eigenen Kundenprojekten praxiserprobt.
Kunden Feedback
Wir haben eine wirklich knifflige Anpassung einer Erweiterung in Auftrag gegeben, die andere Agenturen nicht bewältigen konnten...und die Jungs von JaJuMa haben einen fantastischen Job gemacht! Wir freuen uns, weiterhin mit JaJuMa zusammenzuarbeiten.
Wir sind sehr zufrieden mit diesem Modul. Es verkleinert die Größe unserer Bilder und somit ist das Laden unserer Seiten viel schneller geworden. Wir empfehlen dieses Modul für jeden!!!
Lösung
Phosphor Icons für deinen Hyvä Themes Magento 2 Store
Füge wunderschöne SVG/Vektor-Icons hinzu und integriere sie mühelos in deinen Code oder über das Backend.
Mehr als 9000 kostenlose Icons, einschließlich Social-Media-/Markenlogos.
Thin, Light, Regular & Solid Style + Einzigartige Fill- und Duotone-Stile.
DAS PROBLEM
HINZUFÜGEN
VON SVG / VEKTOR-ICONS
SVG-Vektor-Icons sind eine fantastische Möglichkeit, jede Website aufzuwerten. Sie bieten pixelgenaue Klarheit, unendliche Skalierbarkeit und gestochen scharfe Bilder – ohne dass mehrere Bilddateien heruntergeladen werden müssen.
Es überrascht nicht, dass fast jeder Online-Shop auf Icons als essentielle UI-Elemente oder visuelle Highlights setzt, um das Nutzererlebnis zu verbessern.
Hyvä Themes beinhaltet Hero Icons, die wunderschön gestaltet sind, jedoch in der Auswahl etwas limitiert wirken. Es fehlt an einer breiteren Vielfalt, beispielsweise Social-Media- und Markenicons, die im modernen eCommerce unverzichtbar sind.
Wäre es nicht großartig, wenn dein Magento 2 Hyvä Store über eine größere Auswahl an hochwertigen Icons verfügen würde?
Die Suche, das Design und die Verwaltung von SVG-Icons können jedoch sehr zeitaufwendig sein. Aber keine Sorge – es gibt eine Lösung!
Phosphor Hyvä ist eine kostenlose Sammlung von 9.000+ sorgfältig kuratierten, konsistenten und wunderschön gestalteten Icons – die perfekte Ergänzung für dein Hyvä Theme Projekt.
DIE LÖSUNG
PHOSPHOR
ICONS FÜR
HYVÄ THEMES
Nutze die Kraft von Phosphor Hyvä by JaJuMa – das populäre, super-flexible Phosphor Icons Toolkit für deinen Magento 2 Hyvä Themes Store.
Mit einer umfangreichen Bibliothek von 9.000+ kostenlosen Icons, einschließlich Social-Media- und Markenicons, findest du für jedes Designbedürfnis das passende Icon:
Jedes Icon ist in sechs verschiedenen Stilen verfügbar:
Thin, Light, Regular, Bold, Fill und der einzigartige Duotone – für maximale Design-Flexibilität.
Integriere Icons mühelos in deinen Store – füge sie direkt in deinen Code mit Autocomplete in deinem IDE ein oder verwalte sie über das Backend. Jedes Icon wird als inline SVG dargestellt, was die blitzschnelle Performance von Hyvä bewahrt, ohne auf sperrige, leistungsintensive Icon-Fonts zurückgreifen zu müssen.
Details
Phosphor Hyvä Extension für Hyvä Themes
von JaJuMa im Detail.
Verschönere deinen Hyvä Themes Store.
Spare Zeit, indem du alle benötigten Icons zur Hand hast.

Phosphor Icons - Das ultimative, flexible und wunderschön gestaltete Icon-Set, jetzt nahtlos integriert in Hyvä Themes.
Erlebe professionell gestaltete, pixelgenaue Icons ohne Kompromisse bei der Performance.
Eine nahtlose Kombination aus visueller Exzellenz und Highspeed-Optimierung – perfekt für Entwickler und Kunden.
Phosphor Hyvä Erweiterung gibt dir direkten Zugriff auf 9.000+ kostenlose Icons in deinem Magento 2 Hyvä Store.
Keine Zeitverschwendung mehr beim Suchen, Erstellen oder Verwalten von SVG/Vektor-Icons.
Füge Icons einfach mit Autocomplete in deinem IDE hinzu oder integriere sie mühelos über das Backend in CMS-Inhalte.
Alles, was du für einen atemberaubenden, leistungsstarken Hyvä Theme Store benötigst – direkt zur Hand.
Phosphor Hyvä Demo & Icon Liste

Sieh und durchsuche die vollständige Liste aller 9000+ enthaltenen Icons auf der Demo-Seite.
Die Demo bietet zudem die Möglichkeit, die Icons in deinen Farben anzuzeigen und den Code zum einfachen Kopieren & Einfügen in deine Projekte zu erhalten.
Umfang & Funktionen
Das Modul beinhaltet
- Icons im Thin-Stil
- Icons im Light-Stil
- Reguläre Icons
- Icons im Solid-Stil
- Icons im Fill-Stil
- Icons im Duotone-Stil
und stellt ViewModels zum Hinzufügen von Icons im Code bereit
- Phosphoricons
und ermöglicht das Hinzufügen von Phosphor Icons über das Backend.
Verwendung von Font Phosphor Icons in Hyvä Themes mit
"Phosphor Hyvä"-Modul von JaJuMa
Wie man Phosphor Icons in Hyvä Themes in View Models verwendet
1. Installiere das Modul über Composer wie jede andere Magento-Erweiterung
2. Binde das View Model in dein Template ein:
/** @var \Jajuma\PhosphorHyva\ViewModel\Phosphoricons $phosphoricons */
$phosphoricons = $viewModels->require(\Jajuma\PhosphorHyva\ViewModel\Phosphoricons::class);
3. Rendern Sie die Icons dann wie folgt:
- Regulärer Stil:
<?= $phosphoricons->acornHtml('w-8 h-8 fill-current text-red-100', 24, 24) ?>
- Andere Stile: Füge den gewünschten Stil (Thin, Light, Bold, Fill, Duotone) wie im folgenden Beispiel hinzu:
<?= $phosphoricons->acornBoldHtml('text-red-100', 24, 24) ?>
Der Methodenname ist der camel-cased Iconname, gefolgt von Html. In einer IDE solltest du eine Autovervollständigung für alle verfügbaren Methoden haben.
Die Parameter sind optional und ändern die class-, width- und height-Attribute des SVG-Elements.
Es wird empfohlen, alle festzulegen, damit die Bilder nicht in riesigen Größen gerendert werden, falls CSS nicht geladen wird.
oder du kannst auch zusätzliche Attribute wie folgt übergeben:
<?= $phosphoricons->acornHtml('w-10 h-10 fill-current', 24, 24, ['style'=>'color:#e24848']) ?>
Wie man Phosphor Icons in Hyvä Themes in CMS-Inhalte verwendet
Das Phosphor Hyvä Modul fügt eine Icon-Direktive hinzu, um Icons in gefilterten Inhalten wie CMS-Blöcken oder -Seiten darzustellen. So kannst du Icons in Text- oder Codeblöcken wie folgt einfügen:
- Regulärer Stil:
{{icon "phosphoricons/acorn" classes="text-red-100" width=12 height=12}}
- Andere Stile: Füge den gewünschten Stil (Thin, Light, Bold, Fill, Duotone) wie im folgenden Beispiel hinzu:
{{icon "phosphoricons/acorn-bold" classes="text-red-100" width=12 height=12}}
Schreiben Sie Ihre Bewertung
Frequently Asked Questions
Changelog
Version: 1.0.0
- Initial Release
Mehr Extensions
Vielleicht auch interessant für Sie?
Weitere wertvolle Extensions und Add-Ons für Ihren Magento-Shop