Tvorba prestashop témy

Prestashop ponúka pomerne pohodlnú administráciu vlastného obchodu. Výhodu je, že je zdarma a obsahuje obrovské množstvo doplnkov. Čo však ak chceme mať svoj vlastný vzhľad obchodu a nie len základnú prednastavenú tému.

Vlastná vzhľad obchodu

Jednou z možností je kúpiť hotovú tému. Ceny sú pomerne prijateľné, no zväčša si kúpená téma predsa vyžaduje zásah v kóde, keďže ťažko nájdeme tému, ktorá nám sadne ako uliata.

Druhá možnosť je kúpiť si vzhľad - tému na mieru. Cena je tu o čosi vyššia, no ak natrafíme na dobrého dodávateľa, budeme mať všetko podľa predstáv.

Treťou možnosťou je vytvoriť si tému sami. Úloha to nie je až taká ťažká, ako by sa mohlo zdať, no je potrebné mať aspoň solídne základy  css, keďže nás čaká niekoľko štýlových zošitov, ktoré každé kontrolujú v téme čosi iné.

Vytváranie témy - krok po kroku

Postup je platný pre prestashop 1.4 a vyššie.

1. vytvoríme si kópiu si základnej témy, ktorá sa nachádza v adresári: themes/prestashop

2. v administrácii v časti: preferences - appearance zvolíme našu okopírovanú tému

3. v časti preferences - performance vynútime kompiláciu vypneme vyrovnávaciu pamäť

4. v našej téme, v adresáry css sa nachádzajú štýlové zošity, ktoré definujú vzhľad celého obchodu. Odporúčam začať s úpravou global.css

5. v globall css, v časti global layout ako prvé by sme mali nastaviť rozloženie a veľkosť základných elementov na stránke, ako sú:

• #page
• #header_logo,#header_right
• #left_column, #center_column, #right_column
• #atď...

Každý má svoje overené postupy. Dobré je mať celú stránku v statickej forme, alebo si načrtnúť v grafickom editore a potom postupne vytvárať tému.

6. nasleduje nastavenie základných farieb, textúr efektov, atď..

7. súčasne editujeme s global css príslušné .tpl súbory, ktoré sa nachádzajú v koreňovom adresári danej témy. Pravdepodobne sa nevyhnete editácii dvoch základných súborov header.tpl a footer.tpl

8. postupne keď sme hotový s editáciou global.css môžeme začať upravovať ostané štýlové zošity, ktoré sa nachádzajú ešte aj v adresári modules, ktoré kontrolujú vzhľad rôznych častí webu a jej prvkov a modulov.

Pomoc pri vytváraní témy

Vytvorenie prvej témy zrejme nepôjde ľahko. No nejedná sa o atómovú fyziku a ten kto zvládol vytvorenie už nejakej napr. statickej stránky, tak je to len otázka zorientovania sa v množstve štýlových zošitov, modulov a .tpl súborov.

Výbornou pomôckou je firebug plugin pre firefox, ktorý Vám uľahčí editovanie štýlových zošitov. Pomocou neho je ľahko možné identifikovať, ktorá časť webu je čím definovaná.

Pri vytváraní témy je množstvo užitočných informácii aj priamo na prestashop fóre