Prestashop - Modyfikacja CSS

Z arkuszami stylów lub CSS W środowisku internetowym możemy osiągnąć prawie wszystko, efekty jakie osiągamy są stosowane na całej witrynie, dając możliwość stworzenia jednolitej tożsamości na całej stronie.
na szczęście Prestashop Jest zbudowany w tym standardzie, dzięki czemu możemy bardzo szybko wprowadzać zmiany w jego wyglądzie, a jeśli zastosujemy się do konwencji, możemy osiągnąć efekty, które są stosowane w całym naszym sklepie, tworząc w ten sposób naszą tożsamość graficzną.
Znajomość plików CSS Prestashop
Jak zawsze przed przystąpieniem do modyfikacji czegoś w naszym sklepie, pierwszą rzeczą, którą musimy zrobić, to wiedzieć na czym stoimy, w tym przypadku musimy zapoznać się ze strukturą Prestashop i skąd możemy wziąć różne pliki CSS.
Jeśli otworzymy strukturę folderów naszej instalacji Prestashop musimy iść do folderu motywy, w nim znajdą się różne motywy dostępne dla naszego sklepu, dzięki temu możemy mieć różne wariacje naszego wizerunku.
Zawsze należy pamiętać, że jeśli zamierzamy dokonać jakichkolwiek modyfikacji, musimy najpierw wykonać kopię zapasową danych, w tym celu możemy skopiować folder motywu do modyfikacji i zapisać go pod inną nazwą, w ten sposób możemy wrócić do w razie potrzeby poprzednia wersja.
Raz w folderze motywy a po wprowadzeniu motywu do modyfikacji musimy zlokalizować folder cssZobaczmy następujący obraz, aby zilustrować drogę, którą musieliśmy przebyć:

Bardzo dobrze, w tym folderze musimy mieć następujące pliki:

• global.css
• konserwacja.css
• sceny.css

Pliki CSS z Prestashop praca z silnikiem szablonów Bystry (.tpl) który domyślnie znajduje się w folderze modules, chociaż praca z tym modułem nie jest bezwzględnie wymagana do jego dogłębnej znajomości, jednak posiadanie pewnych pojęć może nam bardzo pomóc.
Innym ważnym aspektem jest znajomość składni CSSChociaż może to być nieco przytłaczające, bardzo ważne jest, aby wiedzieć, co oznacza każda rzecz w naszym pliku, abyśmy mogli działać świadomie za każdym razem, gdy wprowadzamy zmianę.
global.css
Jest to plik ogólny, który umożliwia nam zmianę ogólnego wyglądu wszystkich stron naszego sklepu.
Aspekty, które możemy kontrolować za pomocą tego pliku, to:

• Kolor tła
• Rozmiar czcionki
• Typ czcionki
• Kolor
• Wyrównanie tekstu
• Format akapitu i strony

Jak widzimy, te aspekty są kluczowe w naszym obrazie graficznym, więc ten plik jest niezbędny do utrzymania płynności naszej witryny.
Chociaż możemy dokonać wielu zmian, podczas uruchamiania zaleca się nie modyfikować istniejącej składni, jeśli nie jej wartości, aby móc korzystać z pliku CSS jako bazę i w ten sposób dowiedzieć się, jakie zmiany zachodzą przy każdej modyfikacji wprowadzanych przez nas wartości.
Mamy już podstawy, aby zacząć modyfikować wygląd naszego sklepu poprzez pliki stylów, a także wiemy, że istnieją inne koncepcje, które musimy zbadać i nauczyć się, aby osiągnąć bardziej profesjonalne wyniki.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt