Shoptet dává rychlý start: platby, dopravce, feedy a sklad fungují hned. Cenou za to je, že do jádra nevidíte. Všechny úpravy se dějí nad hotovou šablonou a platformou, která se sama průběžně mění. Pravidlo je tedy jednoduché — upravujte tak, aby vaše úpravy přežily cizí aktualizaci.
Co jde upravit bez rizika
Barvy, typografie, rozložení hlavičky a patičky, vzhled dlaždic produktu, bannery, bloky na úvodní stránce, obsahové sekce v kategoriích. Tohle všechno se dá řešit v šabloně a ve stylech a při aktualizaci se nic nerozbije.
- Vlastní styly držte v jednom souboru, ne rozeseté po deseti místech v administraci
- Používejte vlastní třídy s prefixem, ať je poznáte od těch systémových
- Úpravy komentujte — za rok nebudete vědět, proč tam ten řádek je
- Vše verzujte v Gitu, i když to Shoptet přímo nevyžaduje
Čemu se vyhnout
Nepřepisujte javascriptem chování košíku a pokladny. Je to nejcitlivější místo celého shopu a zároveň to, co Shoptet mění nejčastěji. Každá taková úprava je časovaná bomba: bude fungovat do chvíle, než se změní struktura stránky, a vy se to dozvíte až z toho, že přestanou chodit objednávky.
Stejně opatrně přistupuji k zásahům do výpisů produktů přes skripty, které přepisují DOM po načtení. Vypadá to funkčně, ale zhoršuje to rychlost a spolehlivost. Když to jde vyřešit v šabloně, patří to do šablony.
Každá úprava, kterou platforma nečeká, je půjčka. Splatíte ji při příští aktualizaci i s úroky.
Doplněk, nebo vlastní řešení?
Doplňky z Shoptet Appstore vyřeší spoustu věcí levněji, než kolik by stál vývoj. Než nějaký nasadíte, ptejte se na tři věci: kolik javascriptu přidá na stránku, jestli má aktivního vývojáře a jestli jeho funkci nepotřebujete jen na jedné stránce. Pět doplňků, z nichž každý přidá knihovnu, dokáže srazit rychlost víc než velké obrázky.
Rychlost jako součást zadání
- Obrázky nahrávejte v rozumné velikosti, ne přímo z fotoaparátu
- Vlastní písma omezte na dva řezy, zbytek neřešte
- Skripty třetích stran (chaty, heatmapy, widgety) načítejte až po zbytku stránky
- Po každé větší úpravě změřte rychlost mobilní verze, ne desktopu
Testování a předání
Úpravy vždy zkoušejte nejdřív mimo ostrý provoz a projděte celou cestu objednávky — od výpisu produktů přes košík a dopravu po potvrzovací e-mail. Po nasazení si nechte pár dní na kontrolu. A hlavně: sepište klientovi, co bylo upraveno a kde. Až šablonu bude za dva roky rozvíjet někdo jiný, ušetří to den hledání.