PrestaShop - Grundläggande temaförändringar

Även om standard grundtema för PrestaShop Det är ganska funktionellt, en butik kan inte gå online på det sättet, först för att vi riskerar att en annan butik ser exakt likadan ut och för det andra för att kanske grundtemat innehåller saker som vi inte behöver eller är ordnade på ett sätt som inte överensstämmer till vår butik.
Av denna anledning är personifiering det sätt vi alltid följer antingen genom att placera ett nytt tema eller ändra det befintliga, så att arrangemanget av elementen och färgerna kan vara olika.
Första ändringarna
Vi kommer att börja göra enkla men mycket effektiva ändringar som får temat att se helt annorlunda ut än det är som standard, för detta kommer vi att följa följande steg:

• Vi ska ändra logotypen, vi gör detta från administratören för backoffice, för detta kommer vi att ladda upp bilden i avsnittet: Inställningar -> Utseende.
• Då måste vi gå till Back Office -> Moduler -> Verktyg -> Hemredaktör.
• Vi bytte ut den centrala logotypen när vi konfigurerade modulen.

Efter denna start kommer vi nu att ändra några positionselement för en större anpassningseffekt:

• Vi ändrar blockets position Kategori: i den vänstra kolumnen.
• Vi inaktiverar specialprodukter.
• Vi ändrar informationen i kategorier.

Låt oss se följande skärmdump så att vi kan undersöka de ändringar vi gjort, vi kommer att märka att vissa saker flyttades från höger till vänster och att andra kolumner inte längre finns där och därför reste sig i position:

Nu ser standardtema väldigt annorlunda ut, om vi fortfarande inte får ett bra resultat, oroa dig inte eftersom det är något nytt och som sådant måste vi träna lite innan vi blir experter på området.
Ändra CSS
En annan ändring som är mycket effektiv är att ändra filerna CSS som vi kan ändra till exempel butikens bakgrundsfärg med.
För detta exempel kommer vi att använda Firefox och dina utvecklarverktyg eller om du föredrar pyroman.
För att aktivera redigering av CSS med utvecklarverktygen kommer vi helt enkelt att högerklicka på butiken och välja alternativet Inspektera elementet, sedan väljer vi i menyn som visas stilredaktör.
Nu om vi använder pyroman, vi säger bara inspektera element med firebug och sedan går vi till CSS -fliken.
I fönstret som har dykt upp och en gång i CSS -sektionen ska vi hitta filen global.css och vi kommer att försöka ändra koden från bakgrundsfärg.

 kropp {bakgrundsfärg: [b] blå [/ b]; typsnitt: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; färg: # 5d717e; text-align: center} 

Tack vare dessa verktyg görs ändringen i realtid och vi har möjlighet att visualisera den så att vi kan se våra framsteg i nuläget:

Som vi kan se är den blå bakgrunden en mycket drastisk förändring, men effektiv, uppenbarligen ser det inte särskilt bra ut eftersom bokstäverna och andra element måste justeras, men vi ser det viktiga och det är att en enkel färg kan göra en skillnad.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng