Šablony obchodu
Sekce Storefront Templates umožňuje řídit, jak se UI prvky související s rezervacemi zobrazují zákazníkům ve vašem obchodě. Zahrnuje to časovač rezervace, vypršené stavy, varovné zprávy a indikátory nízkých zásob.
Tato sekce se zaměřuje čistě na vizuální chování a zákaznickou zkušenost a neovlivňuje rezervační logiku ani pravidla zásob.
Přístup k šablonám obchodu
Přejděte na Settings → Storefront Templates → Customize Appearance.
Akce na stránce
- Discard — vrátit všechny neuložené změny
- Save Changes — aplikovat úpravy na obchod
Předvolby šablon
Vyberte ze tří přednastavených témat časovače:
Default
Fialové téma se stavy semaforu. Vyznačuje se fialovou akcentovou barvou, která přechází přes warning a urgent stavy.
Toto je standardní vzhled Cart Reserve.
Minimal
Subtilní, tlumený design s tenkými okraji. Čistý, decentní vzhled, který se snadno integruje s většinou témat.
Označeno jako POPULAR — nejčastěji volená možnost.
Bold
Vysoký kontrast, design přitahující pozornost. Používá plné pozadí a výrazné barvy, aby byl časovač vždy viditelný.
Vyberte předvolbu kliknutím na náhledovou kartu. Fajfka označuje aktuálně aktivní předvolbu.
Přizpůsobení časovače
Přizpůsobte si vzhled odpočítávacího časovače pro každý stav.
Stavy časovače
Časovač se zobrazuje odlišně podle toho, kolik času zbývá:
| Stav | Popis |
|---|---|
| Healthy | Dostatek času, klidný vzhled |
| Warning | Čas dochází, přitahuje pozornost |
| Urgent | Velmi málo času, vysoká viditelnost |
| Expired | Rezervace skončila |
Klikněte na každou záložku stavu pro individuální přizpůsobení vzhledu.
Živý náhled
Sledujte změny v reálném čase, jak upravujete nastavení. Náhled ukazuje, jak časovač uvidí zákazníci s textem "Items Reserved" a ukázkovým odpočítáváním.
Nastavení kontejneru
Přizpůsobte si vzhled kontejneru časovače:
Corner Radius
Nastavte zaoblení rohů v pixelech (např. 6 px). Vyšší hodnoty vytvářejí zaoblenější rohy.
Show Border
Povolte nebo zakažte okraj kontejneru. Pokud je povoleno, časovač má viditelný obrys odpovídající nastavení barvy okraje.
Nastavení barev
Každý stav časovače má čtyři přizpůsobitelné barvy:
Background
Hlavní barva pozadí kontejneru. Použijte výběr barev nebo zadejte hex hodnotu (např. #F5F3FF).
Border
Barva okraje kontejneru, viditelná, když je "Show Border" povoleno.
Text
Barva pro label a podtitulky (např. "Items Reserved", "Complete checkout to secure your items").
Icon/Accent
Barva pro čísla odpočítávání, ikonu a progress bar.
Doporučení pro jednotlivé stavy
Healthy
Použijte klidné, neutrální barvy. Časovač by měl být viditelný, ale ne znepokojující.
- Doporučeno: světlá pozadí s decentními akcenty
Warning
Zaveďte teplejší tóny pro upoutání pozornosti.
- Doporučeno: žluté nebo oranžové akcenty
Urgent
Použijte vysoce kontrastní barvy, které vytvářejí naléhavost.
- Doporučeno: červené nebo oranžové pozadí s bílým textem
Expired
Jasně sdělte, že rezervace skončila.
- Doporučeno: šedé nebo tlumené tóny indikující neaktivní stav
Náhled a testování
Po uložení změn:
- Navštivte stránku košíku s rezervovanými položkami
- Ověřte, že se časovač zobrazuje správně
- Počkejte, až časovač přejde přes stavy (nebo dočasně upravte délku rezervace)
- Potvrďte, že se všechny stavy vykreslují podle očekávání
Související sekce
- Timer — konfigurace chování a zpráv časovače
- Reservation Expiration — přizpůsobení zpráv vypršeného stavu
- Low Stock Banner — konfigurace upozornění na nízké zásoby