„Prestashop“ - CSS modifikavimas

Turinys
Su stiliaus lapais arba CSS Žiniatinklio aplinkoje galime pasiekti beveik bet ką, pasiektas poveikis taikomas visai svetainei, suteikiant galimybę sukurti vienodą tapatybę visame puslapyje.
Laimei Prestashop Jis sukurtas naudojant šį standartą, todėl galime labai greitai pakeisti jo išvaizdą ir, laikydamiesi konvencijų, galime pasiekti efektų, kurie taikomi visoje mūsų parduotuvėje, taip sukuriant mūsų grafinę tapatybę.
Žinant „Prestashop“ CSS failus
Kaip visada, prieš pradėdami ką nors keisti mūsų parduotuvėje, pirmiausia turime žinoti, kur stovime, šiuo atveju turime susipažinti su Prestashop ir kur galime gauti skirtingus failus CSS.
Jei atidarysime savo diegimo aplankų struktūrą Prestashop turime eiti į aplanką temomis, mūsų parduotuvėje bus skirtingos temos, todėl galime turėti skirtingus savo įvaizdžio variantus.
Visada svarbu prisiminti, kad jei ketiname atlikti pakeitimus, pirmiausia turime sukurti atsarginę duomenų kopiją, kad galėtume nukopijuoti temos aplanką, kad jį pakeistume, ir išsaugoti jį kitu pavadinimu, tokiu būdu galime grįžti į jei reikia, ankstesnę versiją.
Kartą aplanke temomis ir jau įvedę temą, kurią norime keisti, turime rasti aplanką cssPažvelkime į šį paveikslėlį, iliustruojantį kelią, kurį turėjome nuvažiuoti:

Labai gerai, patekę į šį aplanką turime turėti šiuos failus:
  • global.css
  • priežiūra.css
  • scenos.css
Failai CSS apie Prestashop dirbti su šablono varikliu „Smarty“ (.tpl) kuris pagal numatytuosius nustatymus yra aplanke „modules“, nors norint jį išsamiai išmanyti nebūtinai reikia dirbti su šiuo moduliu, tačiau kai kurių sąvokų turėjimas gali mums labai padėti.
Kitas svarbus aspektas yra šiek tiek žinoti sintaksę CSSNors tai gali būti šiek tiek per daug, labai svarbu žinoti, ką reiškia kiekvienas mūsų faile esantis dalykas, kad galėtume sąmoningai veikti kiekvieną kartą atlikdami pakeitimus.
global.css
Tai yra bendras failas, leidžiantis pakeisti bendrą visų mūsų parduotuvės puslapių išvaizdą.
Aspektai, kuriuos galime valdyti naudodami šį failą, yra šie:
  • Fono spalva
  • Šrifto dydis
  • Šrifto tipas
  • Spalva
  • Teksto lygiavimas
  • Pastraipos ir puslapio formatas
Kaip matome, šie aspektai yra labai svarbūs mūsų grafiniam vaizdui, todėl šis failas yra gyvybiškai svarbus norint išlaikyti mūsų svetainės srautą.
Nors galime atlikti daug pakeitimų, paleidžiant rekomenduojama nekeisti esamos sintaksės, jei ne jos reikšmės, kad galėtume naudoti failą CSS kaip pagrindą ir tokiu būdu sužinoti, kokie pokyčiai įvyksta keičiant kiekvieną mūsų daromą vertę.
Mes jau turime pagrindą pradėti keisti savo parduotuvės išvaizdą per jos stiliaus failus, taip pat jau žinome, kad yra ir kitų sąvokų, kurias turime ištirti ir išmokti, kad pasiektume daugiau profesionalių rezultatų.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką
wave wave wave wave wave