Vizuální nastavení

Přizpůsobení zobrazení slev pro zákazníky.

Kde najdu vizuální nastavení?

V každém pravidle: Sekce Visual options (Vizuální možnosti)

---

Label slevy

Pole: Discount label / Label slevy

Účel: Název slevy, který se zobrazí v košíku a objednávce jako název položky slevy.

Jak funguje?

Label se používá jako název slevy v košíku, pokud je sleva aplikována jako Fee (samostatná položka).

Pořadí fallbacku:

1. Pokud je vyplněný label → použije se label
2. Pokud je typ slevy “Free Gift” → “Free Gift”
3. Pokud není label → použije se název pravidla (title)
4. Pokud není nic → “Special Offer”

Příklad použití

Nastavení:

Název pravidla: AKCE_ZIMA_2025
Label slevy: Zimní sleva 20%

Košík zákazníka:

T-shirt Basic              200 Kč
Kalhoty                    500 Kč
───────────────────────────────
Mezisoučet:                700 Kč
Zimní sleva 20%           -140 Kč  ← Label se použije zde
───────────────────────────────
Celkem:                    560 Kč

Bez labelu:

Mezisoučet:                700 Kč
AKCE_ZIMA_2025            -140 Kč  ← Použije se název pravidla
───────────────────────────────
Celkem:                    560 Kč

---

Zpráva o slevě

Editor: Discount Message / Zpráva o slevě (WYSIWYG editor)

Vlastní marketingový obsah zobrazený zákazníkům na produktové stránce pod podmínkou, že sleva na produkt platí.

WYSIWYG Editor

Nově v v1.0.1: Zpráva se vytváří pomocí pokročilého WYSIWYG editoru s podporou:

• HTML formátování (tučné, kurzíva, seznamy, odkazy)
• Obrázky a média
• Barvy textu
• Zarovnání
• A další…

Zobrazení zprávy

Toggle: “Show discount message on product page” - Aktivace/deaktivace zobrazení

Podmínky zobrazení:

• Pravidlo musí být aktivní a publikováno
• Podmínky pravidla musí být splněny (kromě cart-dependent jako hodnota košíku*)
• Produkt musí odpovídat filtrům
• Zapnutý toggle “Show message”

*Důležité: Promo zprávy se zobrazují i když cart-dependent podmínky (hodnota košíku, počet položek) nejsou splněny. To umožňuje zobrazit např. “Nakup za 1000 Kč a získej slevu” i když má zákazník v košíku jen 500 Kč.

Základní použití

Příklad:

<strong>Akční nabídka</strong> - ušetřete již dnes!
<br>
<em>Sleva platí do vyprodání zásob</em>

Zobrazení na produktové stránce:

┌─────────────────────────────┐
│ T-shirt Basic               │
│ ̶2̶0̶0̶ ̶K̶č̶  160 Kč (-20%)       │
│                             │
│ Akční nabídka -             │ ← Vlastní zpráva s HTML
│    ušetřete již dnes!       │
│ Sleva platí do vyprodání    │
│ zásob                       │
│                             │
│ [Přidat do košíku]          │
└─────────────────────────────┘

---

Tipy pro psaní zpráv

Dobré zprávy

Ušetřete až 40 Kč na tomto produktu!
Množstevní sleva - čím více kupujete, tím více šetříte!
VIP sleva 15% - děkujeme za vaši věrnost!
Kup 2 získej 1 ZDARMA!
Limitovaná nabídka - neváhejte!

Špatné zprávy

Sleva  (příliš obecné, bez hodnoty)
KUPTE TEĎKA!!!  (příliš agresivní)
Sleva platí na tento produkt  (redundantní informace)

---

Kde se zpráva zobrazuje?

Zpráva se zobrazuje na produktové stránce podle nastavení pozice info bloku.

Nastavení pozice

Per-rule pozice (doporučeno): V nastavení každého pravidla: Sekce Visual options → Message position

Globální nastavení (fallback): Slevy → Nastavení → Info blok na produktové stránce

Možnosti pozice:

1. V shrnutí produktu (doporučeno)
2. Za shrnutím produktu
3. Na začátku meta informací
4. Na konci meta informací
5. None (nezobrazovat info blok pro toto pravidlo)

Jak funguje:

1. Pokud je nastavená per-rule pozice → použije se ta
2. Pokud není nastavená per-rule pozice → použije se globální nastavení
3. Pokud je per-rule pozice “None” → info blok se pro toto pravidlo nezobrazí

Příklad:

Globální nastavení: "V shrnutí produktu"

Pravidlo A:
  Message position: (prázdné)
  → Zobrazí se "V shrnutí produktu" (globální)

Pravidlo B:
  Message position: "Za shrnutím produktu"
  → Zobrazí se "Za shrnutím produktu" (per-rule)

Pravidlo C:
  Message position: "None"
  → Nezobrazí se vůbec

---

Odpočet času (Countdown)

Důležité: Odpočet času se NENASTAVUJE ve vizuálních nastaveních, ale v podmínkách pravidla.

Nově v v1.0.1: Countdown se zobrazuje AUTOMATICKY v discount message pokud je nastavena platná date condition se show_countdown.

Kde najdu nastavení odpočtu?

1. Přejděte do sekce Podmínky (Conditions)
2. Přidejte podmínku typu Date (Datum)
3. Zadejte Datum do (Date End)
4. Zaškrtněte checkbox “Show countdown”

Jak funguje?

Podmínky zobrazení:

• Musí být nastavena podmínka “Date” s “Datum do”
• Datum musí být v budoucnosti
• Musí být zaškrtnutý checkbox “Show countdown”
• Všechny ne-cart-dependent podmínky ve skupině musí být splněny

Automatické zobrazení: Countdown se automaticky přidá za discount message na produktové stránce.

Zobrazení:

┌─────────────────────────────┐
│ T-shirt Basic               │
│ ̶2̶0̶0̶ ̶K̶č̶  160 Kč (-20%)       │
│                             │
│ Akční nabídka -             │ ← Discount message
│    ušetřete již dnes!       │
│                             │
│ Zbývá čas: 12:34:56         │ ← Countdown (automaticky)
│                             │
│ [Přidat do košíku]          │
└─────────────────────────────┘

Nastavení odpočtu (krok za krokem)

Krok 1: Přidejte podmínku “Date”

Podmínky:
+ Přidat skupinu podmínek
  + Přidat podmínku
    Typ: Date (Datum)
    Datum od: 2025-12-01 00:00 (volitelné)
    Datum do: 2025-12-31 23:59

Krok 2: Zaškrtněte “Show countdown”

☑ Show countdown

Hotovo! Countdown se automaticky zobrazí na produktové stránce.

---

Praktické příklady countdown

Flash Sale

Podmínky:
  Datum od: 2025-10-07 10:00
  Datum do: 2025-10-07 22:00
  ☑ Show countdown message
  Pozice: Single product summary
  Zpráva: Flash Sale končí za {countdown}!

Vizuální:
  Zpráva: Flash Sale - Sleva 30%!

Zobrazení:

Flash Sale - Sleva 30%!
Flash Sale končí za: 5 hodin 23 minut

---

Black Friday

Podmínky:
  Datum od: 2025-11-24 00:00
  Datum do: 2025-11-25 23:59
  ☑ Show countdown message
  Zpráva: Black Friday končí za {countdown}

Vizuální:
  Zpráva: Black Friday - mega slevy!

---

Praktické příklady

Příklad 1: Produktová sleva s vlastní zprávou

Nastavení:

Typ: Produktové slevy
Sleva: 20%
Filtry: Kategorie → Trička

Vizuální:
  Label: Sleva na trička 20%
  Zpráva: Akční cena na všechna trička!

Výsledek na produktové stránce:

┌───────────────────────────────┐
│ Akční cena na všechna         │
│    trička!                    │
└───────────────────────────────┘

Výsledek v košíku:

T-shirt Basic (200 Kč)         160 Kč
Sleva na trička 20%             (Label se použije v objednávce)

---

Příklad 2: Košíková sleva s fee

Nastavení:

Typ: Košíkové slevy
Sleva: 50 Kč fixní

Podmínky:
  Mezisoučet >= 500 Kč

Vizuální:
  Label: Sleva 50 Kč nad 500 Kč
  Zpráva: Ušetřete 50 Kč při nákupu nad 500 Kč!

Košík:

Mezisoučet:                700 Kč
Sleva 50 Kč nad 500 Kč     -50 Kč  ← Label
───────────────────────────────
Celkem:                    650 Kč

---

Příklad 3: VIP sleva bez zprávy

Nastavení:

Typ: Produktové slevy
Sleva: 15%

Podmínky:
  Uživatelská role: VIP

Vizuální:
  Label: VIP sleva 15%
  ☐ Zobrazit zprávu (vypnuto)

Výsledek: Sleva se aplikuje, ale žádná vlastní zpráva se nezobrazí (jen standardní “VIP sleva 15%” v košíku).

---

Příklad 4: Bulk sleva s popisem

Nastavení:

Typ: Bulk
Stupně:
  - 2-5 ks = 10%
  - 6-10 ks = 20%
  - 11+ ks = 30%

Vizuální:
  Label: Množstevní sleva
  Zpráva: Čím více kupujete, tím více šetříte!

Zobrazení:

┌───────────────────────────────┐
│ Čím více kupujete, tím        │
│    více šetříte!              │
│                               │
│ Množství | Sleva | Cena/ks   │
├───────────────────────────────┤
│ 2 – 5    | 10%   | 180 Kč    │
│ 6 – 10   | 20%   | 160 Kč    │
│ 11+      | 30%   | 140 Kč    │
└───────────────────────────────┘

---

Stylování Info Bloku

Nastavení stylování info bloku na produktové stránce.

Kde najdu nastavení?

Slevy → Nastavení → záložka Discount Info Block

Vlastní styly vs. Plugin styly

Toggle: Use custom styles (Použít vlastní styly)

Stav	Popis
Zapnuto (výchozí)	Plugin nevkládá žádné CSS. Stylování je na vašem tématu.
Vypnuto	Plugin vloží předdefinované styly s možností úpravy barev.

Předdefinované styly bloků

Když je “Use custom styles” vypnuto, můžete vybrat styl:

Styl	Popis
Minimal	Jednoduchý styl pouze s oddělovači mezi položkami
Boxed	Box s pozadím, rámečkem a zaoblenými rohy

Barvy (při vypnutých vlastních stylech)

• Background color - barva pozadí bloku
• Text color - barva textu (prázdné = barva z tématu)
• Border color - barva rámečku a oddělovačů

---

Zobrazení labelu slevy v Info Bloku

Možnost zobrazit název slevy přímo v info bloku.

Aktivace

Toggle: Show discount label (Zobrazit label slevy)

Když je zapnuto, zobrazí se label slevy (název pravidla) před obsahem každé položky v info bloku.

Styly labelu

Když je zapnuto “Show discount label” a vypnuto “Use custom styles”:

Styl	Popis
Title	Jednoduchý tučný nadpis
Badge	Odznak s barevným pozadím a zaoblenými rohy
Ribbon	Stuha vyčnívající z bloku s efektem přeložení

Barvy labelu (pro Badge a Ribbon)

• Label background color - barva pozadí labelu
• Label text color - barva textu labelu

Příklad zobrazení

Styl Title:

┌───────────────────────────────┐
│ Zimní výprodej                │ ← Label jako nadpis
│ Sleva 20% na všechno oblečení │
└───────────────────────────────┘

Styl Badge:

┌───────────────────────────────┐
│ [Zimní výprodej]              │ ← Label jako odznak
│ Sleva 20% na všechno oblečení │
└───────────────────────────────┘

Styl Ribbon:

══╗ Zimní výprodej              │ ← Label jako stuha
  ╚═════════════════════════════┤
│ Sleva 20% na všechno oblečení │
└───────────────────────────────┘

---

Manual Select UI texty

Přizpůsobení textů zobrazených ve výběru produktů pro Manual Select mód.

Kde najdu nastavení?

Visual options → Manual Select UI (sekce se zobrazí pouze pokud je vybrán Manual Select aplikační mód)

Nastavení

Toggle: Show custom text in selection UI

Když je vypnuto (výchozí): Nad výběrem produktů se nezobrazuje žádný text.

Když je zapnuto: Zobrazí se pole pro nastavení:

Pole	Popis	Příklad
Selection title	Nadpis nad výběrem produktů	”Vyberte si dárek”
Selection description	Popis pod nadpisem	”Vyberte jeden produkt zdarma k objednávce”

Příklad zobrazení

Se zapnutými texty:

┌─────────────────────────────────────┐
│ Vyberte si dárek                    │ ← Selection title
│ Vyberte jeden produkt zdarma        │ ← Selection description
│ k objednávce                        │
│                                     │
│ ┌──────┐ ┌──────┐ ┌──────┐         │
│ │ [img]│ │ [img]│ │ [img]│         │
│ │Prod 1│ │Prod 2│ │Prod 3│         │
│ └──────┘ └──────┘ └──────┘         │
└─────────────────────────────────────┘

Bez textů (toggle vypnutý):

┌─────────────────────────────────────┐
│ ┌──────┐ ┌──────┐ ┌──────┐         │
│ │ [img]│ │ [img]│ │ [img]│         │
│ │Prod 1│ │Prod 2│ │Prod 3│         │
│ └──────┘ └──────┘ └──────┘         │
└─────────────────────────────────────┘

Multijazyčná podpora

Texty plně podporují WPML a Polylang:

1. Nastavte texty v výchozím jazyce
2. Přepněte jazyk v admin baru
3. Zadejte překlady pro daný jazyk

Fallback: Pokud překlad neexistuje, zobrazí se text z výchozího jazyka.

CSS třídy

/* Nadpis */
.wpify-woo-discount-selection__title {
  /* vlastní styly */
}

/* Popis */
.wpify-woo-discount-selection__description {
  /* vlastní styly */
}

---

CSS Styling

Info Block CSS třídy

/* Wrapper info bloku */
.wpify-woo-discount-info-block {
  /* vlastní styly */
}

/* Jednotlivá položka */
.wpify-woo-discount-info-block__item {
  /* vlastní styly */
}

/* Label slevy */
.wpify-woo-discount-info-block__label {
  /* vlastní styly */
}

/* Obsah zprávy */
.wpify-woo-discount-info-block__content {
  /* vlastní styly */
}

/* Pricing tabulka */
.wpify-woo-discount-info-block__pricing {
  /* vlastní styly */
}

Countdown CSS

/* Countdown wrapper */
.wpify-woo-discount-countdown {
  background: #f8f8f8;
  padding: 15px;
  border-radius: 5px;
  margin: 10px 0;
}

Tip: Přidejte CSS do Vzhled → Přizpůsobit → Dodatečné CSS nebo do theme stylesheetu.

---

Často kladené otázky

Zpráva se nezobrazuje na produktové stránce

Checklist:

1. Je pravidlo aktivní a publikováno?
2. Jsou splněny podmínky pravidla?
3. Je produkt zahrnut ve filtrech?
4. Je zapnutý toggle “Show message” ve vizuálních nastaveních?
5. Je správně nastavená pozice info bloku v globálním nastavení?
6. Je cache vyprázdněná?

Odpočet času se nezobrazuje

Checklist:

1. Je nastavená podmínka Date s Datum do v sekci Podmínky?
2. Je zaškrtnutý checkbox “Show countdown” v podmínce?
3. Je datum v budoucnosti (ne v minulosti)?
4. Jsou splněny všechny ostatní podmínky ve skupině (kromě cart-dependent)?
5. Je zobrazená discount message (countdown se zobrazí za ní)?

Mohu použít HTML v vlastní zprávě?

Ano! Od verze 1.0.1 máte k dispozici WYSIWYG editor s plnou podporou HTML:

• Formátování: tučné, kurzíva, podtržené, přeškrtnuté
• Seznamy: odrážkové, číslované
• Odkazy: na jiné stránky
• Obrázky: vložení z knihovny médií
• Barvy textu
• Zarovnání
• A další…

Bezpečnost: Editor automaticky filtruje nebezpečné tagy jako <script>.

Mohu použít placeholdery pro dynamické hodnoty?

NE - Vlastní zpráva (Discount Message) nepodporuje placeholdery jako {amount} nebo {percentage}.

Countdown: Zobrazuje se automaticky pokud je nastavená platná date condition se show_countdown. Není potřeba žádný placeholder.

Doporučení: Napište zprávu staticky, např. “Ušetřete až 50 Kč!” místo “Ušetřete {amount}!”

Jak změnit pozici zobrazení zprávy?

Per-rule pozice:

1. Otevřete pravidlo slevy
2. Sekce Visual options (Vizuální možnosti)
3. Pole Message position (Pozice zprávy)
4. Vyberte pozici nebo “None”

Globální pozice (fallback):

1. Přejděte na Slevy → Nastavení
2. Sekce Info blok na produktové stránce
3. Vyberte výchozí pozici pro všechna pravidla

Tip: Per-rule pozice má přednost před globálním nastavením.

Mohu mít různé zprávy pro různé produkty?

Ano, vytvořte více pravidel s různými filtry a vlastními zprávami:

Pravidlo 1:

Filtry: Kategorie → Trička
Zpráva: Sleva na trička!

Pravidlo 2:

Filtry: Kategorie → Kalhoty
Zpráva: Sleva na kalhoty!

Jaký je rozdíl mezi Label a Message?

Pole	Účel	Kde se zobrazuje
Label	Název slevy v košíku/objednávce	Košík, Objednávka, Email
Message	Informace pro zákazníka	Produktová stránka

Příklad:

• Label: “Sleva 50 Kč nad 500 Kč” → V košíku jako název položky
• Message: “Ušetřete 50 Kč při nákupu nad 500 Kč!” → Na produktové stránce