← Všechny projekty
Shoptet Frontendový vývoj Funkce na míru CZ a SK

Vývoj funkcí na míru pro Renovality CZ a SK

Interaktivní test typu pleti, úpravy košíku pro slevové kampaně, produktové poradenství a další vlastní funkce pro český a slovenský Shoptet.

Vývoj funkcí na míru pro Renovality CZ a SK

Shrnutí projektu

Pro český a slovenský e-shop Renovality jsem vytvářel vlastní frontendové funkce a průběžné úpravy nad rámec standardních možností Shoptetu. Mezi hlavní části projektu patřil interaktivní test typu pleti s doporučením vhodných produktů, časově řízená úprava košíku během slevových kampaní, kontaktní formulář na detailu produktu a vlastní zobrazení bannerů, recenzí a obsahových prvků v kategoriích.

2 e-shopy
česká a slovenská verze
Shoptet
platforma
2025
realizace projektu
Frontend
moje role

Detaily projektu

Kontext, problém, řešení a moje role v projektu.

Kontext klienta

Renovality provozuje samostatný český a slovenský e-shop zaměřený na kosmetiku, péči o pleť a doplňky stravy. V průběhu spolupráce jsem navazoval na stávající podobu e-shopů a postupně řešil nové požadavky související s orientací zákazníků, produktovým poradenstvím, slevovými kampaněmi a prezentací obsahu. Většina větších úprav byla nejprve připravena a otestována a následně nasazena na českou i slovenskou verzi.

Kontext spolupráce

Standardní možnosti Shoptetu nestačily na několik konkrétních obchodních scénářů. Zákaznice potřebovaly snáze vybrat péči podle typu pleti, během celoplošných slevových kampaní bylo nutné odlišit dárkové poukazy od běžných slevových kódů a produktové stránky měly nabídnout přímou možnost poradit se s výběrem. Současně bylo potřeba zachovat správné fungování obou jazykových verzí a možnost spravovat vybrané části bez zásahu do kódu.

Řešení

Pro e-shop vznikl vlastní průvodce, který pomocí několika otázek určil typ pleti a doporučil odpovídající kategorii produktů. Pro období slevových kampaní jsem upravil košík tak, aby místo běžných slevových kódů přijímal pouze osmimístné číselné dárkové poukazy a režim se dal řídit datem z administrace. Na detail produktu jsem doplnil responzivní kontaktní formulář pro žádost o pomoc s výběrem. Dále jsem upravil kategoriové bannery, navigaci, recenze mezi produkty a další obsahové prvky. Všechna klíčová řešení vznikla pro českou i slovenskou verzi.

Co jsem udělal

  • Vývoj interaktivního testu pro určení typu pleti
  • Bodové vyhodnocení odpovědí a doporučení vhodné kategorie produktů
  • Česká a slovenská varianta testu včetně spuštění z desktopového i mobilního menu
  • Časově řízené zobrazení pole pro dárkové poukazy během slevových kampaní
  • Omezení vstupu na osmimístné číselné poukazy
  • Nastavení začátku a konce kampaně pomocí proměnných v administraci
  • Kontaktní formulář na detailu produktu pro desktop i mobil
  • Oprava zobrazení formuláře také u vyprodaných produktů
  • Vlastní bannery a obsahové prvky na detailu kategorií
  • Zobrazení vybraných zákaznických recenzí mezi produkty
  • Úpravy konkurenčních výhod, ikon, navigace a sezonních kategorií
  • Odstranění duplicitního TikTok pixelu a pomoc s nastavením Google zákaznických recenzí
  • Průběžné opravy českého a slovenského e-shopu

Co jsem řešil

  • interaktivní test pro určení typu pleti
  • vyhodnocení odpovědí a doporučení produktové kategorie
  • samostatné české a slovenské texty
  • spuštění testu na desktopu i mobilu
  • časované kampaně ovládané z administrace
  • oddělení dárkových poukazů od běžných slevových kódů
  • kontaktní formulář na detailu produktu
  • zobrazení formuláře u nedostupných produktů
  • odlišné obrázky pro náhled a detail kategorie
  • recenze vložené do produktového gridu
  • úpravy navigace a konkurenčních výhod
  • kontrola responzivního zobrazení

Hlavní výzva

Největší technickou výzvou bylo rozšířit existující Shoptet bez narušení jeho standardního chování. Dárkové poukazy platforma zpracovávala stejně jako slevové kódy, proto bylo potřeba vytvořit vlastní prezentační a validační vrstvu, která během kampaně povolila jen správný formát poukazu. U testu typu pleti bylo důležité propojit bodové vyhodnocení s kategoriemi, jejichž obsah může klient později měnit přímo v administraci. Každá funkce zároveň musela fungovat v českém i slovenském e-shopu a na desktopu i mobilu.

Výsledek

Český i slovenský e-shop získaly několik vlastních funkcí, které standardní šablona Shoptetu nenabízela. Test typu pleti pomáhá zákaznicím s orientací v nabídce a přivádí je do kategorií s vhodnými produkty. Kontaktní formulář rozšířil produktové stránky o přímou možnost poradenství. Úprava košíku umožnila během pravidelných kampaní oddělit dárkové poukazy od běžných slevových kódů a řídit jejich zobrazení podle předem nastaveného období.

„Vojta nám pomohl vyřešit úpravy, které se na webu řešily roky. Byl o 1000 % rychlejší než všichni okolo a výsledek byl fakt pecka. Kdyby chtěl někde hodnocení, vychválíme ho do nebe. Strašně moc děkuji a doufám, že spolu pofrčíme dál.“

Jana Sýkorová

Marketing Director & PPC Specialist

Použité technologie

Shoptet HTML CSS JavaScript jQuery Responzivní frontend Shoptet HTML kódy FTP

Vybrané oblasti práce

Konkrétní části projektu, na kterých jsem se v rámci spolupráce podílel.

Interaktivní test typu pleti

Vlastní průvodce pomáhá zákaznici určit typ pleti a pokračovat k odpovídajícím produktům.

  • bodové vyhodnocení odpovědí
  • vlastní grafické zpracování
  • výsledek přímo v testu
  • propojení s produktovou kategorií
  • česká a slovenská verze

Dárkové poukazy během kampaní

Časově řízená úprava košíku odděluje dárkové poukazy od běžných slevových kódů.

  • automatický začátek a konec režimu
  • osmimístný číselný formát
  • vlastní texty a ikona
  • nastavení z administrace
  • nasazení na CZ i SK

Produktové poradenství

Kontaktní blok na detailu produktu umožňuje zákazníkovi požádat o pomoc s výběrem.

  • fotografie konkrétní poradkyně
  • telefonní kontaktní formulář
  • mobilní a desktopové rozložení
  • české a slovenské texty
  • funkčnost u vyprodaných produktů

Kategorie, bannery a recenze

Vlastní úpravy rozšířily práci s kategoriemi a sociálním důkazem nad možnosti standardní šablony.

  • samostatné ikony a široké bannery
  • upravený rozcestník podkategorií
  • recenze mezi produkty
  • úpravy boční navigace
  • responzivní zobrazení

Ukázky z projektu

Vybrané části českého e-shopu Renovality, interaktivního testu typu pleti a vlastních úprav kategorií a produktového poradenství.

Otázka v interaktivním testu typu pleti z projektu Vývoj funkcí na míru pro Renovality CZ a SK

Otázka v interaktivním testu typu pleti

Výsledek testu s doporučenou péčí z projektu Vývoj funkcí na míru pro Renovality CZ a SK

Výsledek testu s doporučenou péčí

Kontaktní formulář na detailu produktu z projektu Vývoj funkcí na míru pro Renovality CZ a SK

Kontaktní formulář na detailu produktu

Původní detail produktu před doplněním formuláře z projektu Vývoj funkcí na míru pro Renovality CZ a SK

Původní detail produktu před doplněním formuláře

Zákaznická recenze vložená mezi produkty z projektu Vývoj funkcí na míru pro Renovality CZ a SK

Zákaznická recenze vložená mezi produkty

Vlastní rozcestník kategorií z projektu Vývoj funkcí na míru pro Renovality CZ a SK

Vlastní rozcestník kategorií

Potřebuje váš Shoptet funkci, kterou standardní šablona nenabízí?

Pomohu navrhnout a vytvořit řešení na míru – od produktového poradenství a formulářů přes úpravy košíku až po dlouhodobý rozvoj české i zahraniční verze e-shopu.

Probrat úpravy e-shopu