PrestaShop - Osnovne promjene tema

Iako je zadana osnovna tema PrestaShop Sasvim je funkcionalan, trgovina ne može tako ići na internet, prvo jer riskiramo da druga trgovina izgleda potpuno isto, a drugo zato što možda osnovna tema sadrži stvari koje nam ne trebaju ili su raspoređene na način koji nije u skladu u našu trgovinu.
Iz tog razloga personalizacija je način na koji uvijek slijedimo postavljanje nove teme ili promjenu postojeće, tako da raspored elemenata i boja mogu biti različiti.
Prve promjene
Počet ćemo uvoditi jednostavne, ali vrlo učinkovite promjene koje će učiniti da tema izgleda potpuno drugačije od one koja je zadana, za to ćemo slijediti sljedeće korake:

• Promijenit ćemo logotip, to radimo od administratora stražnji ured, za to ćemo sliku prenijeti u odjeljak: Postavke -> Izgled.
• Onda moramo ići na Back Office -> Moduli -> Alati -> Kućni urednik.
• Prilikom konfiguracije modula zamijenili smo središnji logotip.

Nakon ovog početka sada ćemo promijeniti neke elemente položaja za veći učinak prilagodbe:

• Mijenjamo položaj bloka Kategorija: u lijevom stupcu.
• Onemogućujemo posebne proizvode.
• Mijenjamo podatke u kategorijama.

Pogledajmo sljedeći snimak zaslona kako bismo mogli ispitati promjene koje smo napravili, primijetit ćemo da su neke stvari pomaknute zdesna nalijevo i da drugi stupci više nisu tu pa su se drugi podigli na svoje mjesto:

Sada zadana tema izgleda vrlo drugačije, ako i dalje ne postignemo dobar rezultat, ne brinite jer je to nešto novo i kao takvi moramo malo vježbati prije nego postanemo stručnjaci u tom području.
Promjena CSS -a
Još jedna učinkovita promjena je izmjena datoteka CSS pomoću kojih možemo promijeniti, primjerice, boju pozadine trgovine.
Za potrebe ovog primjera koristit ćemo se Firefox i alate za razvojne programere ili ako vam je draže palikuća.
Za aktiviranje uređivanja datoteke CSS s alatima za razvojne programere jednostavno ćemo kliknuti desnom tipkom miša na trgovinu i odabrati opciju Pregledajte element, zatim ćemo u izborniku koji se pojavi odabrati urednik stilova.
Sada ako koristimo palikuća, samo kažemo inspect element with firebug i onda idemo na CSS karticu.
U prozoru koji se pojavio i jednom u odjeljku CSS locirat ćemo datoteku global.css a mi ćemo pokušati promijeniti kod iz boja pozadine.

 tijelo {pozadinska boja: [b] plavo [/ b]; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; boja: # 5d717e; poravnavanje teksta: središte} 

Zahvaljujući ovim alatima, promjena se vrši u stvarnom vremenu i imamo priliku to vizualizirati kako bismo u ovom trenutku vidjeli svoj napredak:

Kao što vidimo, plava pozadina je vrlo drastična promjena, ali učinkovita, očito ne izgleda baš dobro jer se slova i drugi elementi moraju prilagoditi, međutim vidimo važnu stvar, a to je da jednostavna boja može učiniti razlika.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod