Moduł do instalacji czcionek Google Fonts w Magento 2
- SKU
- M2-FONTS
Opis / Moduł do instalacji czcionek Google Fonts w Magento 2
MAGENTO 2 · TYPOGRAFIA · GOOGLE FONTS
Nadaj sklepowi charakter właściwy dla Twojej marki.
Kowal Google Fonts Installer
Dodaj kod osadzenia Google Fonts w panelu Magento i wykorzystaj wybraną czcionkę w motywie. Oddziel konfigurację ładowania fontu od ustawienia typografii szablonu.
Kod osadzenia · Konfiguracja w panelu · Typografia motywu
JAK TO DZIAŁA W PRAKTYCE
01 · Wybierasz font
W Google Fonts przygotowujesz kod osadzenia wybranej czcionki.
02 · Zapisujesz konfigurację
Włączasz moduł i wklejasz kod w polu google_fonts.
03 · Ustawiasz motyw
Przypisujesz rodzinę fontu w stylach i wdrażasz zmiany.
Co zyskuje Twój sklep?
Poznaj funkcje, zastosowanie i ustawienia modułu.
Poznaj moduł
Moduł Kowal Google Fonts Installer to rozwiązanie, które umożliwia łatwą integrację dowolnej czcionki z biblioteki Google Fonts w Twoim sklepie Magento 2. Dzięki prostemu i intuicyjnemu interfejsowi możesz błyskawicznie zainstalować i skonfigurować nową czcionkę, dostosowując wygląd sklepu do potrzeb swojej marki.
Funkcje modułu
Instalacja dowolnej czcionki z Google Fonts
Skopiuj kod osadzenia czcionki z Google Fonts (tzw. Embed code) i wklej go w formularzu konfiguracji modułu.
Łatwa personalizacja zmiennych LESS
Po instalacji czcionki możesz szybko podmienić nazwę czcionki w zmiennej LESS, np.:
@font-family-name__base: 'Roboto';
Dzięki temu nowa czcionka zostanie zastosowana w całym szablonie.
Prosty i intuicyjny interfejs
Moduł jest zaprojektowany tak, aby jego konfiguracja była łatwa nawet dla osób bez doświadczenia programistycznego.
Kompatybilność z Magento 2
Moduł działa na Magento w wersji 2.4.7 i starszych.
Dostępność w ramach pakietu Kowal Theme
Moduł jest dostępny jako część Kowal Theme, co czyni go idealnym wyborem dla użytkowników korzystających z tego szablonu.
Sposób wdrożenia modułu
Instalacja modułu
Zainstaluj moduł w swoim sklepie Magento 2, korzystając z instrukcji dostępnych w dokumentacji modułu.
Konfiguracja czcionki
-
Wejdź w panel administracyjny Magento 2.
-
Przejdź do sekcji konfiguracji modułu (np. Kowal Google Fonts).
-
Skopiuj kod osadzenia czcionki z Google Fonts i wklej go w odpowiednim polu.
-
Zapisz zmiany.
Podmiana zmiennych LESS
-
Otwórz pliki LESS swojego szablonu.
-
Znajdź zmienną @font-family-name__base i zaktualizuj ją, podając nazwę zainstalowanej czcionki.
-
Przeprowadź rekompilację plików LESS, aby zmiany były widoczne.
Weryfikacja działania
-
Otwórz frontend sklepu, aby sprawdzić, czy nowa czcionka została poprawnie zaimplementowana.
Wygląd sklepu i pakiet Kowal Theme
Dlaczego warto wybrać moduł Kowal Google Fonts Installer?
Dzięki temu modułowi możesz w prosty sposób dostosować wizualny wygląd swojego sklepu Magento 2, poprawiając doświadczenie użytkownika i zwiększając estetykę strony. Moduł pozwala oszczędzić czas, eliminując potrzebę ręcznego dodawania kodu w plikach szablonu.
Kup teraz w pakiecie z szablonem Kowal Theme i uzyskaj dostęp do tego oraz wielu innych przydatnych narzędzi usprawniających działanie Twojego sklepu Magento 2!
Ładowanie fontu i ustawienia motywu
W Stores → Configuration → Kowal → kowalfonts → settings włączasz moduł i zapisujesz kod Google Fonts. Ustawienia działają w zakresie widoku sklepu. Moduł przekazuje zapisany kod do nagłówka strony.
Przypisanie czcionki do elementów sklepu odbywa się w stylach motywu. Dla motywów korzystających z LESS zmieniasz @font-family-name__base i rekompilujesz style; motywy z innym systemem stylów wymagają właściwej dla nich konfiguracji. Moduł nie pobiera automatycznie plików fontów do lokalnego hostowania.
Instalacja przez Composer
Pakiet: kowal/module-fonts; moduł: Kowal_Fonts. Po skonfigurowaniu dostępu do repozytorium Kowal zainstaluj pakiet, włącz moduł, wykonaj aktualizację Magento i wyczyść cache. Dla trybu produkcyjnego uwzględnij kompilację i wdrożenie treści statycznych zgodnie z procesem sklepu.
Od konfiguracji do efektu
1. Wybierasz font
W Google Fonts przygotowujesz kod osadzenia wybranej czcionki.
2. Zapisujesz konfigurację
Włączasz moduł i wklejasz kod w polu google_fonts.
3. Ustawiasz motyw
Przypisujesz rodzinę fontu w stylach i wdrażasz zmiany.
Jedna czcionka, spójna prezentacja
Przykład dla motywu LESS: dodajesz kod osadzenia Roboto, a następnie ustawiasz @font-family-name__base: 'Roboto'; w stylach motywu.
Po rekompilacji i wdrożeniu treści statycznych sprawdzasz nagłówki oraz teksty sklepu. Sam moduł dodaje kod fontu, a wygląd elementów określa motyw.
Dopasuj typografię sklepu do swojej marki
Chcesz dopasować moduł do swojego sklepu? Zapytaj o wdrożenie Kowal Google Fonts Installer i omów konfigurację lub potrzebne rozszerzenia.
Więcej informacji
| Zgodność z szablonem | Luma / Blank, KOWAL |
|---|
Instrukcja Instalacji modułu
Instalacja
* W środowisku produkcyjnym proszę użyć opcji --keep-generated
-
Moduł jest dostępny w repozytorium composer:
- Repozytorium Composer Kowal:
https://repo.kowal.store
- Repozytorium Composer Kowal:
-
Dodaj repozytorium composer do konfiguracji:
Dane dostępowe do repozytorium Composer (adres e-mail klienta i token licencyjny) otrzymasz e-mailem po zakupie. Są również dostępne w panelu klienta po zalogowaniu na kowal.store. Zastąp
TWOJ_EMAIL_KLIENTAadresem e-mail swojego konta, aTWOJ_TOKENotrzymanym tokenem. Polecenia wykonaj w katalogu głównym Magento.composer config repositories.kowal composer https://repo.kowal.store -
Skonfiguruj dostęp do repozytorium Composer Kowal:
composer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN" -
Zainstaluj moduł za pomocą Composer:
composer require kowal/module-fonts -
Zastosuj aktualizacje bazy danych:
php bin/magento setup:upgrade -
Wyczyść pamięć podręczną:
php bin/magento cache:flush