Dodawanie czcionek do edytora w prestashop

Dzień dobry, potrzebuję dodac czcionkę do Państwa edytora treści


Jak mogę to zrobić?
Jedna to  
Montserrat - Google Fonts
a druga   
Note Planner Font | dafont.com, 
tak aby były na liście fontów do wyboru


 aby dodać czciocnki musimy wykonać dwa kroki

pierwsze - to zaimplementować bibliotekę z czionką do strony
druga - to zdefiniowac czcionkę w edytorze tak abyśmy mogli ją wskazywać podczas definiowania treści.
 
Pierwsza kwestia
czcionka montserrat wymaga, aby dołaczyć tę bibliotekę, przykładowo:
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
 
skrócony kod importu styli css tej czcionki to:
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 
W module w dziale "2. editor settings", na samym dole strony mamy miejsce na wklejenie skróconego kodu importu: https://i.imgur.com/xXf9t2z.png 
 
Druga kwestia
aby korzystać z czcionki jej style css muszą wyglądać tak: https://i.imgur.com/M93CUwS.png 
font-family: 'Montserrat', sans-serif;
 
interesuje nas część po "font-family:" bez apostrofów i średnika na końcu:
Montserrat,sans-serif
 
wklejamy to w taki sposób: 

efekt w edytorze: 



czynność powtarzamy dla drugiej i każdej kolejnej czcionki.
 
 
 
 
jak będzie potrzebna pomoc w implementacji czcionek to pozostaje do dyspozycji
 
pozdrawiam
miłosz

Komentarze

Prześlij komentarz

Popularne posty z tego bloga

Rabat za newsletter a "stare" konta klientów - wtyczka do prestashop

Obraz
Planuję zakup modułu:  Prestashop Rabat za zapisanie się do newslettera I mam pytania: Czy można ustawić, aby Kod rabatowy działał tylko na produkty nieprzecenione. (Ta sama sprawa co miałem z „Rabaty progowe”. Tutaj mi pan rozwiązał problem perfekcyjnie. Opis problemu: Nowy klient za zapisanie otrzyma rabat na zakupy, ale mam grupę klientów już zapisanych do Newslettera i oni nie dostali rabatu za zapisanie. Myślałem jak najlepiej wysłać kody wszystkim zapisanym dotychczas klientom. Czy można ten moduł jakoś wykorzystać?   Dzień dobry, kody rabatowe generowane przez wtyczkę generowane są przy wykorzystaniu standardowo dostępnej funkcjonalności "kodów rabatowych" jaka dostępna jest standardowo w prestashop. Oznacza to, że jeżeli chodzi o ustawienia kodów rabatowych, sposób ich działania w koszyku jesteśmy ograniczeni do funkcji, jakie dostępne są "stadandardowo" w prestashop.   w prestashop funkcjonalność kodów rabatowych umożliwia utworzenie kodu rabatowego który:
Czytaj więcej

Własny kod w miejscu slidera w PrestaShop

Obraz
Cześć, mam pytanie czy moduł HTML Box Pro pozwala na zamieszczenie kodu w miejscu slidera na stronie głównej? Dzień dobry Zwykle tak - ale sposoby jak to zrobić zależą od wykorzystywanego szablonu. Jeżeli jest to standardowy szablon, to nazwa pozycji w której znajduje się slider to   displayHome W module html box pro tworzymy własną treść w tej pozycji: https://i.imgur.com/Gp4coSo.png   Tak utworzona treść zostanie wyświetlona w tej pozycji w szablonie na froncie sklepu.  Natomiast aby tę treść wyświetlić konkretnie w miejscu slidera, to w dziale design > pozycje na liście modułów displayHome przesuwamy moduł "html box pro" w miejsce modułu slidera: https://i.imgur.com/SrtwNb1.png     w przypadku dodatkowych pytań pozostaję do dyspozycji   pozdrawiam, miłosz 
Czytaj więcej

Zapisywanie metod dostawy do produktów na podstawie cech

Obraz
Mam takie pytanie dotyczące modułu Assign carrier to products in bulk . Czy ta wtyczka do prestashop ma możliwość wybrania produktów po wartościach cech lub ewentualnie przez import csv? Najlepiej by było mieć możliwość wskazania kilku cech, by potem moduł zapisał metody dostawy do produktów z tymi cechami  potwierdzam, że we wtyczce można wybrać produkty na podstawie powiązania ich z cechami produktów (wartościami cech).  funkcja została dodana w jednej z ostatnio wydanych aktualizacji. Działa to tak, że w polu wyszukiwania wyszukujemy wartości cech, wybieramy je (możemy wybrać kilka) i moduł wtedy zapisuje metody dostawy do produktów, które posiadają te wybrane cechy   screenshot:   
Czytaj więcej