Shoptet šablona na míru, která nevypadá jako tisíc dalších

Jak Shoptet pracuje se vzhledem

Shoptet nabízí vlastní šablony zdarma a v katalogu Shoptet Doplňky také placené šablony a vzhledové doplňky od partnerů. Pro úpravy slouží Návrhář šablon, editor, ve kterém se z jednoho místa mění logo, bannery, favicon a další prvky a změny jde před zveřejněním zobrazit v náhledu. Podle nápovědy Shoptetu podporuje sedm vlastních šablon: Samba, Disco, Step, Classic, Waltz, Tango a Techno. Starší šablony Echo, Soul, Rock a Pop na existujících e-shopech fungují dál, ale jejich podpora skončila a nové funkce pro ně nemusí být dostupné (stav k 9/2026, aktuální přehled ověřte v nápovědě Shoptetu).

Co jde upravit a co ne

Nad standardní šablonou nejde měnit zdrojový kód ani strukturu stránky přímo. Úpravy se dělají vložením vlastního CSS a JavaScriptu do hlavičky nebo patičky přes Vzhled a obsah → Editor → HTML kód (stejný editor je i v Návrháři šablon). Přes CSS se dá výrazně změnit vzhled — barvy, písma, rozvržení karet, hlavičku, patičku. JavaScript umí prvky přesouvat nebo doplňovat, ale pořadí kroků objednávky ani logiku košíku tím rozumně nepřestavíte. Shoptet v nápovědě upozorňuje, že nevhodné úpravy mohou narušit funkčnost e-shopu a že technická podpora s individuálními úpravami kódu nepomáhá. Proto na ně potřebujete někoho, kdo je udržuje. Kde vlastní vzhled nestačí, nabízí Shoptet řešení Shoptet Premium s designem na míru — to ale znamená jiný tarif i rozpočet.

Úpravy, které přežijí aktualizace

Shoptet šablony průběžně aktualizuje. Úprava navázaná na křehký selektor nebo na konkrétní pořadí prvků se po změně může rozbít — typicky na mobilu nebo v košíku. Úpravy proto píšeme co nejméně invazivně, v jednom přehledném souboru s komentáři, testujeme je na hlavních šablonách stránek a zařízeních a dokumentujeme. JavaScript načítáme tak, aby neblokoval vykreslení stránky a nezhoršil Core Web Vitals.

Bannery a obrázky

Rozměry carouselu, bannerů, loga a záhlaví se liší podle šablony — Shoptet je publikuje v nápovědě. Bannery připravujeme pro konkrétní šablonu, s ohledem na ořez na mobilu a čitelnost textu. Na míru navrženou grafiku a kampaňové bannery řešíme i samostatně v rámci služby grafika, bannery a branding.