PrestaShop - pamata motīvu izmaiņas

Satura rādītājs
Lai gan noklusējuma pamattēma PrestaShop Tas ir diezgan funkcionāls, tāpēc veikals nevar piekļūt tiešsaistē, pirmkārt, tāpēc, ka mēs riskējam, ka cits veikals izskatās tieši tāds pats, un, otrkārt, tāpēc, ka, iespējams, pamattēma satur lietas, kas mums nav vajadzīgas vai ir sakārtotas neatbilstošā veidā uz mūsu veikalu.
Šī iemesla dēļ personalizēšana ir veids, kā mēs vienmēr sekojam, ievietojot jaunu tēmu vai mainot esošo, lai elementu un krāsu izkārtojums varētu būt atšķirīgs.
Pirmās izmaiņas
Mēs sāksim veikt vienkāršas, bet ļoti efektīvas izmaiņas, kuru dēļ tēma izskatīsies pavisam citādi nekā pēc noklusējuma, tāpēc mēs veiksim šādas darbības:
  • Mēs mainīsim logotipu, to darīsim no administratora aizmugurējais birojs, šim nolūkam mēs augšupielādēsim attēlu sadaļā: Preferences -> Izskats.
  • Tad mums jādodas uz Back Office -> Moduļi -> Rīki -> Mājas redaktors.
  • Konfigurējot moduli, mēs nomainījām centrālo logotipu.
Pēc šī sākuma mēs tagad mainīsim dažus pozīcijas elementus, lai panāktu lielāku pielāgošanas efektu:
  • Mēs mainām bloka stāvokli Kategorija: kreisajā kolonnā.
  • Mēs atspējojam īpašus produktus.
  • Mēs mainām informāciju kategorijās.
Apskatīsim šo ekrānuzņēmumu, lai mēs varētu pārbaudīt veiktās izmaiņas, un mēs pamanīsim, ka dažas lietas tika pārvietotas no labās uz kreiso pusi un ka citas kolonnas vairs nav, un tāpēc citas pozīcijas pacēlās:

Tagad noklusējuma tēma izskatās pavisam citāda. Ja mēs joprojām nesaņemam labu rezultātu, neuztraucieties, jo tas ir kaut kas jauns, un tāpēc mums ir nedaudz jāpraktizē, pirms kļūstam par šīs jomas ekspertiem.
CSS maiņa
Vēl viena ļoti efektīva izmaiņa ir failu modificēšana CSS ar kuru mēs varam mainīt, piemēram, veikala fona krāsu.
Šajā piemērā mēs izmantosim Firefox un jūsu izstrādātāju rīkiem vai, ja vēlaties ugunskura.
Lai aktivizētu CSS ar izstrādātāju rīkiem mēs vienkārši ar peles labo pogu noklikšķiniet uz veikala un atlasām opciju Pārbaudiet elementu, tad parādītajā izvēlnē mēs atlasīsim stila redaktors.
Tagad, ja mēs izmantojam ugunskura, mēs vienkārši sakām pārbaudīt elementu ar firebug, un tad mēs ejam uz cilni CSS.
Parādītajā logā un vienreiz CSS sadaļā mēs atradīsim failu global.css un mēs mēģināsim mainīt kodu no fona krāsa.
 pamatteksts {fona krāsa: [b] zils [/ b]; fonta lielums: 11 pikseļi; fontu saime: Verdana, Arial, Helvetica, Sans-Serif; krāsa: # 5d717e; text-align: center} 

Pateicoties šiem rīkiem, izmaiņas tiek veiktas reālā laikā, un mums ir iespēja tās vizualizēt, lai mēs redzētu mūsu progresu šajā brīdī:

Kā redzam, zilais fons ir ļoti krasas izmaiņas, taču efektīvs, acīmredzot tas neizskatās ļoti labi, jo burti un citi elementi ir jāpielāgo, tomēr mēs redzam svarīgo, un vienkāršā krāsa var radīt atšķirība.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu
wave wave wave wave wave