Sadržaj
Sa stilskim listovima ili CSS U web okruženju možemo postići gotovo sve, učinci koje postižemo primjenjuju se na cijelu web stranicu, dajući mogućnost stvaranja homogenog identiteta na cijeloj stranici.Na sreću Prestashop Izgrađen je prema ovom standardu, pa možemo vrlo brzo promijeniti njegov izgled, a ako slijedimo konvencije možemo postići učinke koji se primjenjuju u cijeloj našoj trgovini, stvarajući tako naš grafički identitet.
Poznavanje Prestashop CSS datoteka
Kao i uvijek prije nego što počnemo mijenjati nešto u našoj trgovini, prvo što moramo učiniti je znati gdje stojimo, u ovom slučaju moramo se upoznati sa strukturom Prestashop i gdje možemo nabaviti različite datoteke CSS.
Ako otvorimo strukturu mapa naše instalacije Prestashop moramo otići u mapu teme, u njoj će biti različite teme dostupne za našu trgovinu, zahvaljujući tome možemo imati različite varijacije naše slike.
Uvijek je važno zapamtiti da ako želimo napraviti bilo kakve izmjene, prvo moramo napraviti sigurnosnu kopiju podataka, jer za to možemo kopirati mapu teme kako bismo je izmijenili i spremiti pod drugim imenom, na taj način se možemo vratiti na prethodnu verziju ako je potrebno.
Jednom u mapi teme i nakon što smo već unijeli temu za izmjenu, moramo locirati mapu cssPogledajmo sljedeću sliku za ilustraciju puta kojim smo morali prijeći:
Vrlo dobro, jednom u ovoj mapi moramo imati sljedeće datoteke:
- global.css
- održavanje.css
- scene.css
Drugi važan aspekt je poznavanje sintakse jezika CSSIako ovo može biti pomalo neodoljivo, vrlo je važno znati što svaka stvar u našoj datoteci znači kako bismo mogli svjesno djelovati svaki put kad napravimo promjenu.
global.css
Ovo je opća datoteka koja nam omogućuje promjenu općeg izgleda svih stranica naše trgovine.
Aspekti koje možemo kontrolirati pomoću ove datoteke su sljedeći:
- Boja pozadine
- Veličina fonta
- Vrsta fonta
- Boja
- Poravnanje teksta
- Format odlomka i stranice
Iako možemo unijeti mnoge promjene, preporučuje se da prilikom pokretanja ne mijenjamo postojeću sintaksu, ako ne i njezine vrijednosti, kako bismo mogli koristiti datoteku CSS kao osnovu i na ovaj način naučiti koje se promjene događaju pri svakoj izmjeni vrijednosti koje unosimo.
Već imamo osnovu za početak mijenjanja izgleda naše trgovine kroz datoteke stilova, a također već znamo da postoje i drugi koncepti koje moramo istražiti i naučiti kako bismo postigli profesionalnije rezultate.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod