> For the complete documentation index, see [llms.txt](https://napoveda.rocketoo.cz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://napoveda.rocketoo.cz/rocketoo/rozsireni/odpocet-casu-u-akce.md).

# Odpočet času u akce

Modul **Odpočet času u akce** zobrazuje dynamický countdown, který ukazuje zbývající čas do konce akční ceny produktu.

Co modul umožňuje:

* Zobrazuje odpočet času v detailu produktu nad cenou
* Automaticky načítá datum konce akce z nastavené slevy
* Přizpůsobitelný text a barva odpočtu
* Funguje pouze u produktů s aktivní akcí s časovým omezením

### Kde najdu modul?

{% hint style="info" %}
Modul je nutné nejprve nainstalovat ve **Správci rozšíření**.
{% endhint %}

V hlavním menu: **Nastavení** → **Rozšíření** → **Odpočet času u akce**

## Nastavení odpočtu

### Základní nastavení

Po vstupu do modulu máte k dispozici následující možnosti:

* Povolit
  * **Zapnuto** - modul je aktivní a zobrazuje se na e-shopu
  * **Vypnuto** - modul je deaktivovaný
* Barva odpočtu
  * Vyberte barvu, která odpovídá designu vašeho e-shopu
  * Dostupných je 13 barev
  * Výchozí barva je šedá (#7F7F7F)
  * Barva se aplikuje jako pozadí countdownu
* Vlastní text
  * Pokud chcete změnit výchozí text u odpočtu:
    * Zaškrtněte **Vlastní text**
    * Do pole **Text u odpočtu** zadejte vlastní text
    * Klikněte **Uložit**

Výchozí texty podle jazyka:

* Čeština: Akční cena končí za:
* Slovenština: Akčná cena končí za:
* Angličtina: (žádný text)

#### Tipy pro vlastní text

* Buďte struční (max. 3-5 slov)
* Použijte motivující výrazy: "Posledních", "Jen", "Už jen"
* Příklady: "Jen do vyprodání zásob", "Zbývá jen:", "Pospěš si:"
* Nepište dlouhé věty

## Nastavení akční ceny u produktu

Aby se countdown zobrazil, musí mít produkt nastavenou slevu s datem konce.

### Jak nastavit akční cenu s časovým omezením?

{% stepper %}
{% step %}

### Otevření produktu

1. V menu přejděte na **Produkty**
2. Otevřete produkt, u kterého chcete zobrazit countdown
   {% endstep %}

{% step %}

### Přidání slevy

1. Přejděte na záložku **Ceny**
2. V sekci **Slevy** klikněte na **Přidat slevu**
   {% endstep %}

{% step %}

### Vyplnění formuláře slevy

Vyplňte formulář:

* **Název slevy** - např. "Vánoční akce"
* **Typ slevy** - vyberte typ (procenta, pevná částka...)
* **Hodnota slevy** - zadejte výši slevy
* **Datum od** - začátek akce (nepovinné)
* **Datum do** - ⚠️ **DŮLEŽITÉ - konec akce (povinné pro countdown)**
  {% endstep %}

{% step %}

### Dokončení

1. Klikněte **Přidat**
2. Uložte produkt
   {% endstep %}
   {% endstepper %}

### Důležité poznámky

{% hint style="warning" %}
**Datum do je povinné** — countdown se zobrazí pouze pokud má sleva vyplněné **Datum do**. Bez data konce se countdown nezobrazí.
{% endhint %}

* Sleva musí být aktivní
  * Pokud má produkt více slev, použije se nejbližší datum konce ze všech aktivních slev
  * Sleva musí být platná v aktuálním čase

#### Příklad nastavení:

Scénář: Flash sale na Valentýna

* Datum od: 14. 2. 2025 00:00
* Datum do: 14. 2. 2025 23:59
* Typ slevy: Procenta
* Hodnota slevy: 20%

Zákazníci uvidí countdown od půlnoci do půlnoci 14. února.

## Zobrazení na e-shopu

### Kde se countdown zobrazuje?

Countdown se zobrazuje **v detailu produktu** nad cenou (před price boxem).

### Jak vypadá countdown?

Countdown zobrazuje:

* Text - vlastní nebo výchozí text podle jazyka
* Dny - kolik celých dnů zbývá
* Hodiny - zbývající hodiny
* Minuty - zbývající minuty
* Sekundy - zbývající sekundy

Formát: 3 d 12 h 45 m 23 s

### Co se stane po uplynutí času?

1. Countdown automaticky zmizí ze stránky
2. Akční cena produktu se vrátí na původní cenu
3. Na stránce zůstane pouze běžná cena bez odpočtu

### Responzivita

Countdown je plně responzivní:

* Na desktopu - zobrazuje se standardně nad cenou
* Na tabletu - přizpůsobí se šířce obrazovky
* Na mobilu - zůstává čitelný i na malých displejích

## Často kladené otázky

### Obecné otázky

<details>

<summary><strong>Musím u každého produktu něco nastavovat?</strong></summary>

Ne, stačí mít zapnutý modul a u produktu nastavit slevu s datem konce. Vše ostatní funguje automaticky.

</details>

<details>

<summary><strong>Kolik produktů může mít countdown najednou?</strong></summary>

Neomezeně. Každý produkt s aktivní časově omezenou slevou bude mít svůj countdown.

</details>

<details>

<summary><strong>Mohu mít různé countdowny pro různé produkty?</strong></summary>

Ano, každý produkt má svůj vlastní countdown podle data konce jeho slevy.

</details>

### Nastavení

<details>

<summary><strong>Mohou změnit barvu countdownu po aktivaci?</strong></summary>

Ano, kdykoliv změňte barvu v nastavení a klikněte na Uložit. Změna se projeví okamžitě.

</details>

<details>

<summary><strong>Může mít každý produkt jiný text u odpočtu?</strong></summary>

Ne, text je globální pro celý e-shop. Můžete nastavit jeden vlastní text nebo použít výchozí podle jazyka.

</details>

<details>

<summary><strong>Co když nechci text u odpočtu vůbec?</strong></summary>

Zaškrtněte "Vlastní text" a do pole "Text u odpočtu" nezadávejte nic. Zobrazí se pouze samotný odpočet.

</details>

### Funkčnost

<details>

<summary><strong>Countdown se nezobrazuje, co je špatně?</strong></summary>

Zkontrolujte:

* Je modul zapnutý v nastavení?
* Má produkt nastavenou slevu?
* Má sleva vyplněné "Datum do"?
* Je sleva aktivní (aktuální datum je mezi datem od a do)?

</details>

<details>

<summary><strong>Aktualizuje se countdown automaticky?</strong></summary>

Ano, countdown běží v reálném čase a aktualizuje se každou sekundu.

</details>

### Slevy a akce

<details>

<summary><strong>Mohlu použít countdown pro slevy bez časového omezení?</strong></summary>

Ne, countdown se zobrazí pouze u slev s nastaveným datem konce.

</details>

<details>

<summary><strong>Zobrazuje se countdown i na stránce kategorie?</strong></summary>

Ne, countdown se zobrazuje pouze v detailu produktu nad cenou.

</details>

## Praktické příklady

### Příklad 1: Výprodej kolekce

Situace: Chcete vyprodávat zimní kolekci do konce února.

{% stepper %}
{% step %}

### Postup

1. Vytvořte slevu "Zimní výprodej"
2. Nastavte datum do: 28. 2. 2025 23:59
3. Použijte slevu u všech produktů zimní kolekce
4. V nastavení modulu zadejte vlastní text: "Zimní výprodej končí za:"
   {% endstep %}
   {% endstepper %}

Výsledek: U všech produktů se zobrazí countdown do konce února.

### Příklad 2: Flash sale na konkrétní produkt

Situace: Chcete udělat 24hodinovou akci na jeden vybraný produkt.

{% stepper %}
{% step %}

### Postup

1. Otevřete produkt
2. Přidejte slevu 30% platnou pouze na dnešek
3. Nastavte datum od: dnes 00:00
4. Nastavte datum do: dnes 23:59
5. V nastavení modulu použijte text: "Flash sale končí za:"
   {% endstep %}
   {% endstepper %}

Výsledek: Zákazníci uvidí countdown do půlnoci.

### Příklad 3: Předvánoční akce

Situace: Akce platí do Štědrého dne.

{% stepper %}
{% step %}

### Postup

1. U vybraných produktů nastavte slevu
2. Datum do: 24. 12. 2025 18:00
3. Vlastní text: "Do Vánoc zbývá:"
4. Použijte vánoční barvu - červenou nebo zelenou
   {% endstep %}
   {% endstepper %}

Výsledek: Zákazníci vidí odpočet do vánočního večera.