„PrestaShop“ - pagrindiniai temos pakeitimai

Nors numatytoji pagrindinė tema PrestaShop Tai gana funkcionalu, parduotuvė negali prisijungti prie interneto, pirma, nes rizikuojame, kad kita parduotuvė atrodo lygiai taip pat, o antra, nes galbūt pagrindinėje temoje yra dalykų, kurių mums nereikia arba kurie yra išdėstyti neatitinkančiai į mūsų parduotuvę.
Dėl šios priežasties suasmeninimas yra būdas, kuriuo mes visada einame, įdėdami naują temą arba pakeisdami esamą, kad elementų ir spalvų išdėstymas galėtų skirtis.
Pirmieji pakeitimai
Mes pradėsime atlikti paprastus, bet labai veiksmingus pakeitimus, dėl kurių tema atrodys visiškai kitokia nei numatytoji, todėl atliksime šiuos veiksmus:

• Mes ketiname pakeisti logotipą, tai darome iš galinis biuras, tam mes įkeliame paveikslėlį į skyrių: Nuostatos -> Išvaizda.
• Tada mes turime eiti į „Back Office“ -> Moduliai -> Įrankiai -> Pagrindinis redaktorius.
• Konfigūruodami modulį, pakeitėme centrinį logotipą.

Po šios pradžios dabar pakeisime kai kuriuos pozicijos elementus, kad gautume didesnį pritaikymo efektą:

• Keičiame bloko padėtį Kategorija: kairiajame stulpelyje.
• Išjungiame specialius produktus.
• Mes keičiame informaciją kategorijose.

Pažiūrėkime šią ekrano kopiją, kad galėtume išnagrinėti atliktus pakeitimus, pastebėsime, kad kai kurie dalykai buvo perkelti iš dešinės į kairę, o kitų stulpelių nebėra, todėl kiti pakilo:

Dabar numatytoji tema atrodo labai skirtinga. Jei vis tiek nepasiekiame gero rezultato, nesijaudinkite, nes tai yra kažkas naujo, todėl prieš tapdami šios srities ekspertais turime šiek tiek pasimokyti.
CSS keitimas
Kitas labai efektyvus pakeitimas yra failų keitimas CSS kuriais galime pakeisti, pavyzdžiui, parduotuvės fono spalvą.
Šio pavyzdžio tikslais mes naudosime „Firefox“ ir jūsų kūrėjo įrankiai arba, jei norite ugniažolė.
Norėdami suaktyvinti redagavimą CSS naudodami kūrėjo įrankius tiesiog dešiniuoju pelės mygtuku spustelėkite parduotuvę ir pasirinkite parinktį Tikrinti elementą, tada pasirodžiusiame meniu pasirinksime stiliaus redaktorius.
Dabar, jei mes naudojame ugniažolė, mes tiesiog sakome, kad apžiūrėkite elementą naudodami „firebug“, tada einame į CSS skirtuką.
Pasirodžiusiame lange ir vieną kartą CSS skyriuje surasime failą global.css ir mes bandysime pakeisti kodą iš fono spalva.

 korpusas {fono spalva: [b] mėlyna [/ b]; šrifto dydis: 11 taškų; šriftų šeima: Verdana, Arial, Helvetica, Sans-Serif; spalva: # 5d717e; text-align: centre} 

Šių įrankių dėka pakeitimai atliekami realiu laiku ir mes turime galimybę juos vizualizuoti, kad pamatytume savo pažangą šiuo metu:

Kaip matome, mėlynas fonas yra labai drastiškas pokytis, tačiau veiksmingas, akivaizdu, kad jis neatrodo labai gerai, nes raidės ir kiti elementai turi būti pakoreguoti, tačiau mes matome svarbų dalyką ir tai, kad paprasta spalva gali padaryti skirtumas.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką