PrestaShop Material Icons + Font Awesome

Darmowy moduł dodający biblioteki ikon font awesome oraz / lub material icons. Szczególnie przydatny, gdy Twój szablon nie implementuje którejś z bibliotek - co może prowadzić do braku ikon w różnych modułach. Instalacja modułu oraz wybór biblioteki do dodania rozwiąże problem braku ikon.

Główne zdjęcie produktu: Material Icons + Font Awesome
0.00 €
Dlaczego jest kilka wersji modułu?
To z uwagi na fakt, że różne wydania PrestaShop korzystają z różnych rozwiązań programistycznych. Funkcje działające np. w PrestaShop 1.7 mogą nie działać w PrestaShop 9. Stąd potrzeba wydania różnych wersji modułu. które zapewnią działanie w wielu różnych wersjach sklepu.

Moduł rozwijamy za darmo - jeżeli chcesz - wesprzyj nas!

Galeria

PrestaShop Integracja Ikon Font Awesome Material Icons

Moduł integruje popularne biblioteki ikon Font Awesome i/lub Material Icons z Twoim sklepem PrestaShop, eliminując problem brakujących ikon. Zapewnia to spójną ikonografię na całej witrynie, poprawiając estetykę i doświadczenie użytkownika. Dzięki prostej instalacji i konfiguracji, moduł znacząco upraszcza zarządzanie ikonami, oszczędzając czas programistyczny. Wspiera dwie najczęściej używane biblioteki, oferując elastyczność wyboru. Gwarantuje wizualną spójność niezależnie od szablonu, przyczyniając się do zwiększonej dostępności i profesjonalnego wyglądu strony. To idealne rozwiązanie dla zapewnienia kompleksowej i harmonijnej prezentacji wizualnej Twojego sklepu.

Wersja modułu: 1.2.5
Wersje sklepu:
9.x8.x1.7.x1.6.x
Działa z ThirtyBees: Tak
Tłumaczenia:
Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Slovenčina (sk)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Magyar (hu)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Čeština (cs)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Srpski (rs)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Français (fr)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: 中文 (zh)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Русский (ru)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Norsk (no)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Български (bg)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Íslenska (is)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Polski (pl)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Slovenščina (si)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: हिन्दी (hi)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Lietuvių (lt)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Svenska (sv)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Українська (ua)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: 日本語 (ja)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Ελληνικά (el)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Eesti (et)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Deutsch (de)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Nederlands (nl)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Dansk (da)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: English (en)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Română (ro)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Italiano (it)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Bahasa Indonesia (id)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Latviešu (lv)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Português (pt)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Hrvatski (hr)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Suomi (fi)Ten moduł: Material Icons + Font Awesome jest w całości przetłumaczony do języka: Español (es)

Koniec z niedziałającymi ikonami.
Font Awesome i Material Icons dla PrestaShop — w front i back office.

Twój szablon nie zawiera bibliotek Font Awesome ani Material Icons. Przez to moduły firm trzecich, które ich używają, wyświetlają puste kwadraty, błędne znaki lub powodują problemy z układem strony. Ten darmowy moduł dodaje globalnie jedną lub obie biblioteki: włącz je dla front office, back office lub obu. Jedna instalacja, cztery przełączniki i spójne ikony wszędzie. Bez ręcznej edycji CSS i modyfikacji szablonu.

PrestaShop 1.7.x, 8.x, 9.x
100% Darmowy (Freeware)
Font Awesome i Material Icons
Konfiguracja modułu Font Awesome i Material Icons w panelu administracyjnym PrestaShop

Dlaczego Twój sklep wyświetla brakujące lub błędne ikony

Wiele szablonów PrestaShop nie zawiera bibliotek Font Awesome ani Material Icons. Gdy instalujesz moduły, które ich wymagają — np. do ikon płatności, przycisków społecznościowych, list funkcji czy menu — w front i back office mogą pojawić się puste pola, błędne znaki lub zepsuty układ strony. Pozostaje Ci edycja szablonu, ręczne dodawanie CSS lub rezygnacja z takich modułów.

Nie musisz modyfikować plików szablonu ani samodzielnie zarządzać zasobami ikon. Font Awesome + Material Icons to lekki moduł typu „zainstaluj i używaj”: rejestruje się w hookach displayHeader (front) i actionAdminControllerSetMedia (back) i dodaje tylko te arkusze CSS, które włączysz. Aktywuj Font Awesome dla sklepu, Material Icons dla panelu admina lub obie biblioteki w obu miejscach. Jeden ekran, cztery przełączniki, zero kodu.

Efekt: każdy moduł korzystający z tych zestawów ikon otrzymuje właściwe czcionki. Zyskujesz spójny wygląd w sklepie i panelu administracyjnym, lepszą dostępność dzięki rozpoznawalnym ikonom i zero ręcznej integracji. Moduł jest darmowy i zaprojektowany do pracy z każdym sklepem PrestaShop 1.7+, 8.x lub 9.x.

Co zyskujesz dzięki temu modułowi

  • Front i back office:
    Włącz Font Awesome i/lub Material Icons osobno dla sklepu i panelu admina. Brak konfliktów z szablonami, które już wczytują jedną z tych bibliotek.
  • Dwa popularne zestawy ikon:
    Font Awesome i Material Icons są powszechnie używane przez moduły i szablony. Jeden moduł daje Ci dostęp do obu, na żądanie.
  • Brak modyfikacji rdzenia:
    Wszystkie zasoby znajdują się w folderze modułu. Rozwiązanie jest bezpieczne przy aktualizacjach PrestaShop i kompatybilne z multistore.

Co oferuje moduł

Ikony w front office

Włącz Font Awesome i/lub Material Icons w interfejsie sklepu za pomocą dwóch przełączników. Moduł dodaje odpowiedni CSS w hooku displayHeader. Każdy moduł lub szablon używający tych klas będzie poprawnie wyświetlał ikony — metody płatności, linki społecznościowe, bloki z funkcjami, menu.

Ikony w back office

Dwa osobne przełączniki wczytują Font Awesome i/lub Material Icons w panelu administracyjnym (hook actionAdminControllerSetMedia). Kokpity, ekrany konfiguracji modułów i niestandardowe strony panelu, które używają tych czcionek, będą renderować się poprawnie bez edycji rdzenia czy szablonu.

Spójna ikonografia i dostępność

Gdy każdy moduł ma dostęp do tych samych zestawów ikon, front i back office wyglądają spójnie. Rozpoznawalne ikony poprawiają również użyteczność i dostępność dla wszystkich użytkowników, w tym tych korzystających z technologii wspomagających lub polegających na czytelnych wskazówkach wizualnych.

Cztery proste przełączniki

Włączaj lub wyłączaj Font Awesome i Material Icons dla front office i back office — niezależnie od siebie. Bez kodu, bez edycji plików.

Kontroluj, gdzie wczytują się ikony

Ekran konfiguracji ma cztery przełączniki: Dodaj Font Awesome (front), Dodaj Material Icons (front), Dodaj Font Awesome do BACK OFFICE i Dodaj Material Icons do BACK OFFICE. Włączaj tylko to, czego potrzebujesz. Jeśli Twój szablon już zawiera Font Awesome, pozostaw tę opcję wyłączoną i używaj modułu tylko dla back office lub dla Material Icons. Unikniesz w ten sposób zduplikowanego CSS i utrzymasz lekkość sklepu.

Dwie biblioteki w jednym module

Biblioteki Font Awesome i Material Icons są dołączone do modułu. Bez CDN, bez dodatkowego pobierania. Wybierz jedną lub obie dla każdego obszaru.

Uproszczona integracja ikon

Zamiast ręcznie dodawać i aktualizować CSS ikon w szablonie lub modyfikować rdzeń, ten moduł robi wszystko za Ciebie. Wczytuje odpowiednie arkusze stylów w odpowiednich hookach. Rozwój i utrzymanie sklepu stają się prostsze; możesz skupić się na treści i innych modyfikacjach. Moduły, które zależą od tych czcionek, działają od razu po włączeniu odpowiednich opcji.

Łatwa instalacja i aktualizacje

Standardowy moduł PrestaShop: zainstaluj, skonfiguruj, zapisz. Wbudowany mechanizm sprawdzania aktualizacji MyPresta powiadomi Cię, gdy nowa wersja będzie dostępna.

Jeden ekran, bez bałaganu

Formularz w back office to pojedynczy panel „Ustawienia” z czterema przełącznikami i przyciskiem Zapisz. Bez zakładek, bez opcji zaawansowanych — po prostu włącz lub wyłącz każdy zestaw ikon dla frontu i dla back office. Moduł używa natywnej konfiguracji PrestaShop i przełączników Bootstrap (lub pól jednokrotnego wyboru w starszych wersjach PS), dzięki czemu pasuje do każdej wspieranej wersji PrestaShop i jest bezpieczny podczas aktualizacji.

Prosta konfiguracja w back office

Jeden ekran z czterema przełącznikami: włącz Font Awesome i/lub Material Icons dla front office oraz dla back office. Zapisz — i gotowe. Nie są wymagane żadne zmiany w szablonie ani w rdzeniu PrestaShop.

Konfiguracja modułu Font Awesome i Material Icons w panelu administracyjnym PrestaShop

Front office

  • Dodaj Font Awesome (włącz/wyłącz)
  • Dodaj Material Icons (włącz/wyłącz)
  • Wczytywane przez displayHeader

Back office

  • Dodaj Font Awesome do BACK OFFICE (włącz/wyłącz)
  • Dodaj Material Icons do BACK OFFICE (włącz/wyłącz)
  • Wczytywane przez actionAdminControllerSetMedia

Specyfikacja techniczna i kompatybilność

Standardowy moduł PrestaShop. Bez modyfikacji rdzenia. Dodaje CSS tylko w odpowiednich hookach. Bezpieczny przy aktualizacjach i kompatybilny z multistore.

PrestaShop: 1.7.x i nowsze (kompatybilny z 8.x, 9.x).
Hook FO: displayHeader (dodaje CSS dla front office).
Hook BO: actionAdminControllerSetMedia (dodaje CSS dla back office).
Brak modyfikacji rdzenia. Cały CSS w views/css/. Zawiera mechanizm sprawdzania aktualizacji MyPresta.
0.00 €
Dlaczego jest kilka wersji modułu?
To z uwagi na fakt, że różne wydania PrestaShop korzystają z różnych rozwiązań programistycznych. Funkcje działające np. w PrestaShop 1.7 mogą nie działać w PrestaShop 9. Stąd potrzeba wydania różnych wersji modułu. które zapewnią działanie w wielu różnych wersjach sklepu.

Moduł rozwijamy za darmo - jeżeli chcesz - wesprzyj nas!

Galeria Modułu

Dlaczego wybrać nasz moduł
Material Icons + Font Awesome?

Optymalizacja i Automatyzacja

Ten moduł automatyzuje integrację popularnych bibliotek ikon, eliminując potrzebę ręcznego zarządzania. Optymalizuje to spójność wizualną i doświadczenie użytkownika w sklepie, skracając czas rozwoju oraz upraszczając konserwację, zapewniając bezproblemowe i profesjonalne wyświetlanie ikon.

Zwiększona Sprzedaż

Moduł zapewnia profesjonalną, spójną ikonografię, budując zaufanie klientów. Poprawia estetykę i użyteczność sklepu, co bezpośrednio przekłada się na płynniejsze doświadczenia zakupowe. Lepsza nawigacja i redukcja frustracji skutecznie wspierają wzrost konwersji i finalizację transakcji.

15 lat doświadczenia

Po 15 latach w PrestaShop wiemy, jak irytujące bywają brakujące ikony. Ten moduł to owoc doświadczenia – proste i niezawodne rozwiązanie, które raz na zawsze zapewnia spójność wizualną w Twoim sklepie, integrując kluczowe biblioteki ikon.

Szeroka Personalizacja

Moduł pozwala na szeroką personalizację wizualną, dając Ci pełną kontrolę nad ikonografią. Wybierz Font Awesome lub Material Icons, by idealnie dopasować styl i estetykę sklepu do Twojej marki.

Otwarty Kod Źródłowy

Moduł zapewnia pełny dostęp do kodu źródłowego, co umożliwia swobodne modyfikacje i dostosowania sposobu integracji ikon do indywidualnych potrzeb Twojego sklepu. Nie ma tu ukrytych funkcji ani ograniczeń.

Licencja i Aktualizacje

Ten darmowy moduł jest dostępny bez żadnych opłat licencyjnych. Oznacza to, że możesz z niego korzystać bezterminowo, bez kosztów początkowych czy subskrypcji. Dostęp do jego kluczowych funkcji integracji ikon jest zawsze bezpłatny.