Obsah
Ačkoli výchozí základní téma PrestaShop Je to docela funkční, obchod tak nemůže jít online, zaprvé proto, že riskujeme, že jiný obchod vypadá úplně stejně, a zadruhé proto, že možná základní téma obsahuje věci, které nepotřebujeme nebo jsou uspořádány způsobem, který neodpovídá do našeho obchodu.Z tohoto důvodu je přizpůsobení způsob, jakým vždy sledujeme buď umístění nového tématu, nebo změnu stávajícího, takže uspořádání prvků a barev může být různé.
První změny
Začneme provádět jednoduché, ale velmi účinné změny, díky nimž bude téma vypadat úplně jinak, než jak je ve výchozím nastavení, proto budeme postupovat podle následujících kroků:
- Chystáme se změnit logo, děláme to od správce zadní kancelářZa tímto účelem nahrajeme obrázek v sekci: Předvolby -> Vzhled.
- Pak musíme jít do Back Office -> Moduly -> Nástroje -> Domácí editor.
- Při konfiguraci modulu jsme vyměnili centrální logo.
- Změníme polohu bloku Kategorie: v levém sloupci.
- Deaktivujeme speciální produkty.
- Měníme informace v kategoriích.
Změna CSS
Další velmi účinná změna je úprava souborů CSS pomocí kterého můžeme změnit například barvu pozadí obchodu.
Pro účely tohoto příkladu použijeme Firefox a vaše vývojářské nástroje, nebo pokud dáváte přednost firebug.
Chcete -li aktivovat úpravy souboru CSS pomocí vývojářských nástrojů jednoduše klikneme pravým tlačítkem na obchod a vybereme možnost Zkontrolovat prvek, pak v zobrazené nabídce vybereme editor stylů.
Nyní, pokud používáme firebug, prostě řekneme inspect element with firebug a poté přejdeme na kartu CSS.
V okně, které se objevilo, a jednou v sekci CSS soubor vyhledáme global.css a pokusíme se změnit kód z barva pozadí.
tělo {barva pozadí: [b] modrá [/ b]; velikost písma: 11px; rodina písem: Verdana, Arial, Helvetica, Sans-Serif; barva: # 5d717e; zarovnání textu: střed} Díky těmto nástrojům je změna provedena v reálném čase a máme možnost ji vizualizovat, abychom v tu chvíli viděli náš pokrok:
