kolejny post dot. zmian w sklepie internetowym Prestashop v.1.3
w tym poście zmienimy wygląd modułu
blockcategories czyli tej części naszego sklepu gdzie wyświetlają się kategorie produktów w naszym sklepie
Do zmian którymi się zajmiemy przydaje się podstawowa znajomość języka CSS oraz jakiś program w którym możemy edytować pliki
PHP i
TPL może do tego służyć nawet systemowy
notatnik (Start → [w polu "Wyszukaj programy i pliki"] wpisujemy
notatnik → i klikamy na ikonkę notatnika )
Zacznijmy zmieniać wygląd naszego modułu
blockcategories. W tym celu wyedytujmy plik
blockcategories.tpl który znajduje się w katalogu
katalog_główny_naszego_sklepu\modules\blockcategories\blockcategories.tpl i zobaczymy że do zmiany wyglądu wystarczy zmodyfikować kilka arkuszy stylów i kilka klas CSS.
Z pliku tego odczytujemy jedynie nazwy arkuszy styli które musimy zmodyfikować a wszystkich zmian dokonujemy w pliku
global.css który znajduje się w katalogu
katalog_główny_naszego_sklepu\themes\prestashop\css\global.css.
W pliku tym modyfikujemy arkusze:
div.block h4 - który odpowiedzialny jest za nagłówek tego modułu
div.block_content - który odpowiedzialny jest za ciało/część główną modułu
ul.tree - odpowiedzialny za wypunktowania i stopkę modułu
modyfikujemy odpowiednie polecenia:
background - modyfikacja tła
background:url() - modyfikacja tła z obrazkiem
font - wszystko co zaczyna się od słówka font tyczy się czcionek
color - kolor czcionki w module
to oczywiście nie wszystkie polecenia które możemy zmodyfikować ale te najważniejsze, dzięki którym możemy zmienić tło, kolory: tła, czcionki oraz sam wygląd czcionek.
gotowe :)