✅ PrestaShop - grunnleggende temaendringer

Innholdsfortegnelse

Selv om standard grunnleggende tema for PrestaShop Det er ganske funksjonelt, en butikk kan ikke gå på nettet på den måten, først fordi vi risikerer at en annen butikk ser nøyaktig lik ut, og for det andre fordi kanskje grunnleggende tema inneholder ting som vi ikke trenger eller er ordnet på en måte som ikke samsvarer til butikken vår.
Av denne grunn er personalisering måten vi alltid følger enten ved å plassere et nytt tema eller endre det eksisterende, slik at arrangementet av elementene og fargene kan være forskjellige.
Første endringer
Vi skal begynne å gjøre enkle, men veldig effektive endringer som får temaet til å se helt annerledes ut enn det er som standard, for dette skal vi følge følgende trinn:

Vi skal endre logoen, vi gjør dette fra administratoren av backoffice, for dette skal vi laste opp bildet i seksjonen: Preferanser -> Utseende.
Da må vi gå til Back Office -> Moduler -> Verktøy -> Hjemredaktør.
Vi byttet ut den sentrale logoen da vi konfigurerte modulen.

Etter denne starten skal vi nå endre noen posisjonselementer for en større tilpasningseffekt:

Vi endrer posisjonen til blokken Kategori: i venstre kolonne.
Vi deaktiverer spesialprodukter.
Vi endrer informasjonen i kategorier.

La oss se følgende skjermbilde slik at vi kan undersøke endringene vi gjorde, vi vil legge merke til at noen ting ble flyttet fra høyre til venstre og at andre kolonner ikke lenger er der, og derfor steg andre i posisjon:

Nå ser standardtemaet veldig annerledes ut, hvis vi fortsatt ikke får et godt resultat, ikke bekymre deg siden det er noe nytt, og som sådan må vi øve oss litt før vi blir eksperter på feltet.
Endre CSS
En annen endring som er veldig effektiv er å endre filene CSS som vi for eksempel kan endre bakgrunnsfargen på butikken med.
I forbindelse med dette eksemplet skal vi bruke Firefox og utviklerverktøyene dine, eller hvis du foretrekker det brannbug.
For å aktivere redigering av CSS med utviklerverktøyene skal vi ganske enkelt høyreklikke på butikken og velge alternativet Inspisér element, så velger vi i menyen som vises stilredaktør.
Nå hvis vi bruker brannbug, vi sier bare inspiser element med firebug, og så går vi til CSS -fanen.
I vinduet som har dukket opp, og en gang i CSS -delen, skal vi finne filen global.css og vi vil prøve å endre koden fra bakgrunnsfarge.

 kropp {bakgrunnsfarge: [b] blå [/ b]; skriftstørrelse: 11px; font-familie: Verdana, Arial, Helvetica, Sans-Serif; farge: # 5d717e; tekstjustering: midtre}

Takket være disse verktøyene gjøres endringen i sanntid, og vi har muligheten til å visualisere den slik at vi kan se vår fremgang i øyeblikket:

Som vi kan se, er den blå bakgrunnen en veldig drastisk endring, men effektiv, åpenbart ser det ikke veldig bra ut siden bokstavene og andre elementer må justeres, men vi ser det viktige, og det er at en enkel farge kan gjøre en forskjell.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng