PrestaShop - Grundlæggende temaforandringer

Selvom standard grundtema for PrestaShop Det er ganske funktionelt, en butik kan ikke gå online på den måde, først fordi vi risikerer, at en anden butik ser nøjagtig ens ud og for det andet fordi grundtemaet måske indeholder ting, som vi ikke har brug for eller er indrettet på en måde, der ikke er i overensstemmelse til vores butik.
Af denne grund er personalisering den måde, vi altid følger enten ved at placere et nyt tema eller ændre det eksisterende, så arrangementet af elementerne og farverne kan være anderledes.
Første ændringer
Vi kommer til at begynde at lave enkle, men meget effektive ændringer, der får temaet til at se helt anderledes ud, end det er som standard, for dette vil vi følge følgende trin:

• Vi kommer til at ændre logoet, vi gør dette fra administratoren af kontor, til dette vil vi uploade billedet i sektionen: Præferencer -> Udseende.
• Så må vi gå til Back Office -> Moduler -> Værktøjer -> Home Editor.
• Vi udskiftede det centrale logo, da vi konfigurerede modulet.

Efter denne start vil vi nu ændre nogle positionselementer for en større tilpasningseffekt:

• Vi ændrer placeringen af ​​blokken Kategori: i venstre kolonne.
• Vi deaktiverer specialprodukter.
• Vi ændrer oplysningerne i kategorier.

Lad os se følgende skærmbillede, så vi kan undersøge de ændringer, vi har foretaget, vi vil bemærke, at nogle ting blev flyttet fra højre til venstre, og at andre kolonner ikke længere er der, og derfor steg andre i position:

Nu ser standardtemaet meget anderledes ud, hvis vi stadig ikke får et godt resultat, skal du ikke bekymre dig, da det er noget nyt, og som sådan skal vi øve os lidt, inden vi bliver eksperter på området.
Ændring af CSS
En anden ændring, der er meget effektiv, er at ændre filerne CSS hvormed vi for eksempel kan ændre butikkens baggrundsfarve.
I forbindelse med dette eksempel vil vi bruge Firefox og dine udviklerværktøjer, eller hvis du foretrækker det ildfugl.
For at aktivere redigering af CSS med udviklerværktøjerne skal vi simpelthen højreklikke på butikken og vælge indstillingen Efterse element, så vælger vi i menuen, der vises stil editor.
Nu hvis vi bruger ildfugl, vi siger bare inspicere element med firebug, og derefter går vi til fanen CSS.
I det vindue, der er vist, og en gang i CSS -sektionen skal vi finde filen global.css og vi vil forsøge at ændre koden fra baggrundsfarve.

 krop {baggrundsfarve: [b] blå [/ b]; skrifttype: 11px; skrifttype-familie: Verdana, Arial, Helvetica, Sans-Serif; farve: # 5d717e; tekstjustering: center} 

Takket være disse værktøjer foretages ændringen i realtid, og vi har mulighed for at visualisere det, så vi kan se vores fremskridt i øjeblikket:

Som vi kan se, er den blå baggrund en meget drastisk ændring, men effektiv, det ser naturligvis ikke særlig godt ud, da bogstaverne og andre elementer skal justeres, men vi ser det vigtige, og det er, at en simpel farve kan gøre en forskel.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt