Zadzwoń do nas Mapa dojazdu
Sklep B2B dla Comarch ERP
Poznaj sklep internetowy
Idealnie dopasowany do Twojego ERP
Profisoft - partner comarch, integrator comarch ERP
Wdrażamy systemy ERP,
Tworzymy dedykowane rozwiązania IT,
Konsultujemy i dbamy o Infrastrukturę ERP
Specjalizujemy się w rozwiązaniach Firmy Comarch ERP
823
WDROŻONYCH SYSTEMÓW IT
30
LAT DOŚWIADCZENIA
No.1
COMARCH ERP
Comarch ERP OCR
Automatyczne Skanowanie Faktur
Nowy Produkt Comarch OCR
Nie trać czasu na ręczne wprowadzanie Faktur
Pracownicze plany kapitałowe
Czy Twoja Firma jest Gotowa ?
Pracownicze Plany Kapitałowe
Zintegrowana Aplikacja Comarch PPK
Program do Obsługi PPK dla Systemów Comarch
praca w profisoft
Wdrażasz Systemy Comarch ERP
Szukamy Właśnie Ciebie - Pracuj w Profisoft
Dołącz do Najskuteczniejszego Teamu ERP
Zdobądź Kompetencje Najlepszych Konsultantów ERP
 
 
 

Jak zmienić czcionki w szablonie Szafir



Zapytaj o pomoc przy zmianie czcionek w szablonie Szafir

W ostatnich dniach Comarch wprowadził kilka drobnych zmian do darmowego szablonu e-Sklep Szafir. Nie obyło się jednak bez drobnego zgrzytu. Zmianą, która nie została w żaden sposób zapowiedziana było usunięcie jednej z domyślnych czcionek. Była to przykra niespodzianka dla wielu użytkowników szablonu.

Jak zmienić czcionki w szablonie Szafir

1. Wybierz odpowiednią czcionkę

Zacznij od wybrania czcionki, która zastąpi obecną. Możesz skorzystać na przykład z repozytorium Google Fonts (pamiętaj, żeby wbrać Language: latin extended lub wpisać tekst przykładowy, żeby sprawdzić, czy polskie znaki wyświetlają się prawidłowo). Klikasz wybrany kafelek - my dla przykładu wybraliśmy "Lato" - a następnie wybierasz preferowane style. Po wybraniu przynajmniej jednego po prawej stronie pojawiają się dwa okna z grupami kodu

 

Gdzie znaleźć kod czcionki w Google Fonts

 

2. Wprowadź zmiany w _layout.html

Znajdź w plikach szablonu ten o nazwie _layout.html. Masz do niego dostęp z poziomu panelu adminstracyjnego e-Sklep: menu Wygląd Sklepu > zakładka Ustawienia > przycisk Więcej (prawy górny róg) >  Edytuj Ustawienia Zaawansowane > Więcej > Edytuj HTML 

Otworz plik i znajdź znacznik

<head>

i w jego obrębie umieść kod skopiowany z pierwszego okna. W naszym przypadku będzie to wyglądało tak:

        <head>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin >
        <link href="https://fonts.googleapis.com/css2?family=Jura:wght@300&family=Lato:wght@100&display=swap" rel="stylesheet"> 
        </head>
 

Pamiętaj, zeby po każdej edycji zapisywać zmiany, a na koniec je opublikować.

3. Znajdź i usuń plik scss/globals/_fonts.scss

4. Znajdź plik scss/desktop1.scss

W pliku tym należy usunąć linijkę:

@import 'globals/_fonts';

5. Podmień nazwy czcionek w plikach

We wszystkich poniższych plikach musisz znaleźć wszystkie występowania frazy 'SegoeUI' a następnie podmienić je na odpowiednią dla Twojej czcionki. U nas będzie to 'Lato', sans-serif. Pliki do edycji:

  • scss/components/_collection-points.scss
  • scss/globals/_globals1.scss
  • scss/globals/_globals2.scss
  • scss/globals/_header.scss
  • scss/globals/_globals-m.scss
  • scss/globals/_globals2.scss
  • scss/globals/_header.scss
  • scss/partials/_order.scss

6. Masz wątpliwości - zapytaj ekspertów

Jeśli masz wątpliwości czy sobie poradzisz lub nie masz działu IT, który mógłby wykonać dla Ciebie takie zmiany nie wahaj się i napisz do naszych ekspertów:

Napisz do nas