Prestashop - Modificarea CSS

Cu foile de stil sau CSS Putem realiza aproape orice în mediul web, efectele pe care le realizăm sunt aplicate întregului site, oferind posibilitatea de a crea o identitate omogenă pe toată pagina.
din fericire Prestashop Este construit folosind acest standard, astfel încât să putem modifica aspectul său foarte repede și dacă respectăm convențiile putem realiza efecte care sunt aplicate în întregul magazin, creându-ne astfel identitatea grafică.
Cunoașterea fișierelor CSS Prestashop
Ca întotdeauna înainte de a începe să modificăm ceva în magazinul nostru, primul lucru pe care trebuie să-l facem este să știm unde ne aflăm, în acest caz trebuie să ne familiarizăm cu structura Prestashop și de unde putem obține diferitele fișiere CSS.
Dacă deschidem structura de dosare a instalării noastre de Prestashop trebuie să mergem în dosar teme, în ea vor fi diferite teme disponibile pentru magazinul nostru, datorită acestui fapt putem avea diferite variații ale imaginii noastre.
Este întotdeauna important să ne amintim că, dacă vom face modificări, trebuie mai întâi să facem copii de rezervă ale datelor, pentru aceasta putem copia folderul temei pentru ao modifica și salva cu un alt nume, în acest fel putem reveni la versiunea anterioară, dacă este necesar.
Odată ajuns în dosar teme și după ce am introdus deja tema de modificat, trebuie să localizăm folderul cssSă vedem următoarea imagine pentru a ilustra calea pe care trebuie să o parcurgem:

Foarte bine, odată ce intrăm în acest folder trebuie să avem următoarele fișiere:

• global.css
• întreținere.css
• scene.css

Fișierele CSS de Prestashop lucrați cu motorul șablonului Smarty (.tpl) care este localizat în mod implicit în folderul module, deși nu este strict necesar să lucrați cu acest modul pentru a-l cunoaște în profunzime, totuși a avea unele noțiuni ne poate ajuta foarte mult.
Un alt aspect important este să cunoașteți puțin sintaxa CSSDeși acest lucru poate fi un pic copleșitor, este foarte important să știm ce înseamnă fiecare lucru din fișierul nostru, astfel încât să putem acționa cu bună știință de fiecare dată când facem o modificare.
global.css
Acesta este fișierul general, care ne permite să schimbăm aspectul general al tuturor paginilor magazinului nostru.
Aspectele pe care le putem controla cu acest fișier sunt următoarele:

• Culoare de fundal
• Marimea fontului
• Tipul fontului
• Culoare
• Aliniere text
• Format paragraf și pagină

După cum putem vedea, aceste aspecte sunt esențiale în imaginea noastră grafică, astfel încât acest fișier este vital pentru a menține fluxul site-ului nostru.
Deși putem face multe modificări, la pornire este recomandat să nu modificăm sintaxa existentă, dacă nu valorile acesteia, astfel încât să putem folosi fișierul CSS ca bază și în acest fel să aflăm ce schimbări au loc cu fiecare modificare a valorilor pe care le facem.
Avem deja o bază pentru a începe să modificăm aspectul magazinului nostru prin fișierele sale de stil și știm deja că există și alte concepte pe care trebuie să le investigăm și să învățăm pentru a obține rezultate mai profesionale.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv