Prestashop - Endring av CSS

Innholdsfortegnelse
Med stilarkene eller CSS Vi kan oppnå nesten alt i nettmiljøet, effektene vi oppnår brukes på hele nettstedet, noe som gir muligheten til å skape en homogen identitet på hele siden.
Heldigvis Prestashop Den er bygget ved hjelp av denne standarden, slik at vi kan gjøre endringer i utseendet veldig raskt, og hvis vi følger konvensjonene, kan vi oppnå effekter som brukes i hele butikken vår, og dermed skape vår grafiske identitet.
Å kjenne Prestashop CSS -filene
Som alltid før vi begynner å endre noe i butikken vår, er det første vi må gjøre å vite hvor vi står, i dette tilfellet må vi gjøre oss kjent med strukturen til Prestashop og hvor kan vi få de forskjellige filene CSS.
Hvis vi åpner mappestrukturen for installasjonen av Prestashop vi må gå til mappen temaer, det vil være de forskjellige temaene som er tilgjengelige for butikken vår, takket være dette kan vi ha forskjellige varianter av bildet vårt.
Det er alltid viktig å huske at hvis vi skal gjøre noen endringer, må vi først sikkerhetskopiere dataene, for dette kan vi kopiere mappen til temaet for å endre og lagre det med et annet navn, på denne måten kan vi gå tilbake til forrige versjon hvis nødvendig.
En gang i mappen temaer og etter at vi allerede har angitt temaet for å endre, må vi finne mappen cssLa oss se følgende bilde for å illustrere stien vi må ha reist:

Veldig bra, en gang inne i denne mappen må vi ha følgende filer:
  • global.css
  • vedlikehold.css
  • scener.css
Filene CSS av Prestashop arbeide med malmotoren Smarty (.tpl) som ligger som standard i modulen -mappen, selv om det ikke er strengt nødvendig å jobbe med denne modulen for å kjenne den grundig, men å ha noen forestillinger kan hjelpe oss mye.
Et annet viktig aspekt er å kjenne litt til syntaksen til CSSSelv om dette kan være litt overveldende, er det veldig viktig å vite hva hver ting i filen vår betyr, slik at vi kan handle bevisst hver gang vi gjør en endring.
global.css
Dette er den generelle filen, som lar oss endre det generelle utseendet på alle sidene i butikken vår.
Aspektene vi kan kontrollere med denne filen er følgende:
  • Bakgrunnsfarge
  • Skriftstørrelse
  • Skrifttype
  • Farge
  • Tekstjustering
  • Avsnitt og sideformat
Som vi kan se, er disse aspektene viktige i vårt grafiske bilde, så denne filen er avgjørende for å opprettholde flyten på nettstedet vårt.
Selv om vi kan gjøre mange endringer, anbefales det ikke å endre den eksisterende syntaksen, hvis ikke dens verdier, når vi starter den, slik at vi kan bruke filen CSS som en base og på denne måten å lære hvilke endringer som skjer med hver endring av verdiene vi gjør.
Vi har allerede et grunnlag for å begynne å endre utseendet på butikken vår gjennom stilfilene, og vi vet også allerede at det er andre konsepter som vi må undersøke og lære for å oppnå mer profesjonelle resultater.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave