Opus Price Builder

Popis

Snadné vytváření krásných cenových zobrazení pro WooCommerce: Opus Price Builder vám umožňuje vytvářet úchvatná vlastní rozvržení cen pomocí vizuálního editoru s funkcí drag-and-drop. Změňte vzhled cen v celém svém obchodě WooCommerce, aniž byste museli psát jakýkoli kód.

Opus Price Builder je navržen tak, aby majitelům obchodů poskytoval úplnou tvůrčí kontrolu nad zobrazením cen jejich produktů. Ať už toužíte po elegantní typografii, animovaných štítcích s výprodejem nebo jedinečném uspořádání cen, tento plugin vám to umožní díky intuitivnímu vizuálnímu rozhraní.

Úvodní stránka pluginu | Ukázka | Dokumentace

Hlavní vlastnosti

🎨 Editor Visual Canvas

• Plátno založené na Konva.js pro plynulou práci s 2D grafikou
• Prvky lze libovolně přetahovat na plátno pomocí funkce „drag & drop“
• Proporcionální změna velikosti – prvky si při změně velikosti zachovají poměr stran
• Možnost otáčení pomocí rohových úchytů
• Zarovnání pomocí funkce „Snap-to-guide“ pro přesné umístění
• Náhled v reálném čase všech změn stylů

📦 6 typů vestavěných prvků

• Běžná cena – Zobrazit původní cenu produktu
• Prodejní cena – Zobrazit zlevněnou cenu
• Rozpětí cen variabilních produktů – Zobrazí minimální a maximální cenu variabilních produktů
• Symbol měny – Samostatný indikátor měny
• Odznak slevy – Zobrazit procentuální slevu nebo ušetřenou částku
• Text – Vlastní text s podporou více řádků, zarovnáním a režimy šířky

🎯 Čtyři cenové scénáře

Nastavte různá rozvržení pro jednotlivé cenové situace:
1. Jednoduchá cena – Produkty bez variant nebo slev
2. Akční cena – Produkty, na které se právě vztahuje sleva
3. Variabilní – jednoduchá – Variabilní produkty za běžnou cenu
4. Variabilní výprodejová cena – Variabilní produkty ve výprodeji

📍 Aktivace na základě polohy

Použití rozvržení na konkrétní místa zobrazení:
* Jednotlivý produkt – Zobrazení ceny na hlavní stránce produktu
* Loop – Stránky obchodu, kategorií, archivu a souvisejících produktů
* Možnost rozšíření pomocí filtrů pro košík, pokladnu a vlastní umístění

⚡ Chytré funkce

• Systém inteligentního rozvržení – Automaticky generuje optimální CSS kód pro flexbox na základě pozic na plátně
• Nastavení responzivního zobrazení – Nastavení typografie, okrajů a mezer pro stolní počítače, tablety a mobilní zařízení
• Integrace Google Fonts – Získejte přístup ke stovkám písem Google Fonts
• Podpora vlastního CSS – Přidejte si vlastní styly
• Integrace cenového filtru WooCommerce – Funguje s nativními filtry WooCommerce
• Kompatibilní s WPML/Polylang – Plná podpora více jazyků

Prémiové funkce

Přejděte na verzi Opus Price Builder Pro a získejte pokročilé funkce:

🤖 Pomocník pro rozvržení s umělou inteligencí

Vytvářejte optimalizovaný kód HTML, CSS a JavaScript pomocí poskytovatelů umělé inteligence:
* OpenAI GPT-5/GPT-4.1
* Google Gemini 3 Pro
* Anthropic Claude Opus 4.5/Claude 4.5 Sonnet

🎭 Pokročilé animované předvolby

• Počítadlo s proměnnou rychlostí – Animované počítadlo s efektem závodních desetinných čísel
• Hrací automat – Mechanické rolující číslice ve stylu hracích automatů
• Liquid Metal – Třpytivý přechodový efekt se zlatými akcenty
• Gravity Spring – Animace pružného odskoku s fyzikou pružiny
• Poškození dat – Efekty glitchů a třpytu ve stylu cyberpunk
• Soft Tactile – Neumorfní měkké uživatelské rozhraní s animací počítání
• A mnoho dalších…

📈 Animace sčítání

Animované počítání čísel u cenových položek pomocí CountUp.js:
* 7 možností funkcí zpomalení
* Nastavitelná počáteční hodnota a doba trvání
* Podpora oddělovače tisíců
* Animace při posouvání stránky pomocí IntersectionObserver
* Samostatná animace desetinných míst se zpožděním

🛠️ Vlastní HTML šablony

Přepište vygenerovaný HTML kód pomocí plně přizpůsobitelných šablon s využitím dynamických zástupných symbolů:
* {regularPrice} – Plná běžná cena
* {salePrice} – Plná akční cena
* {currencySymbol} – Symbol měny
* {discount} – procentuální sleva
* A mnoho dalších zástupných symbolů pro každý scénář

⚡ Vlastní JavaScript

Přidejte vlastní kód JavaScript pro pokročilé interakce a efekty po vykreslení.

Porovnání bezplatné a placené verze

Bezplatné funkce:
✅ Vizuální editor s funkcí drag & drop
✅ 6 vestavěných typů prvků
✅ Standardní přednastavené rozvržení pro všechny scénáře
✅ Plná kontrola nad typografií a stylem
✅ Nastavení responzivního zobrazení (počítač/tablet/mobil)
✅ Podpora vlastního CSS
✅ Integrace Google Fonts
✅ Aktivace rozvržení na základě polohy
✅ Integrace cenového filtru WooCommerce
✅ Standardní animace (fade, slide, scale, pulse, glow)

Funkce verze Pro:
⭐ Pomocník pro rozvržení s podporou umělé inteligence od více poskytovatelů
⭐ Pokročilé animované předvolby (více než 15 jedinečných designů)
⭐ Animace s počítáním nahoru se 7 funkcemi zrychlení/zpomalení
⭐ Vlastní HTML šablony se zástupnými symboly
⭐ Vlastní JavaScript pro pokročilé interakce
⭐ Prioritní podpora

Knihovny třetích stran

Editor plátna pro správce a uživatelské rozhraní nastavení jsou vytvořeny pomocí open-source knihoven JavaScriptu, které jsou součástí pluginu:

• Konva / react-konva — 2D editor pro návrh rozvržení metodou drag-and-drop (MIT)
• React — Rámec pro správní rozhraní (MIT)
• Stav — Správa stavu na straně klienta (MIT)
• TanStack Query — Načítání dat pomocí REST API v administračním rozhraní (MIT)
• Radix UI — Ovládací prvky nastavení pro osoby se zdravotním postižením (MIT)
• @dnd-kit — Přetahování vrstev ve stromu (MIT)
• Tailwind CSS — Stylování pro správce (MIT)
• Motion — Animace uživatelského rozhraní v administraci (MIT)

Pouze pro doplněk Pro:

• CountUp.js — Animované odpočítávání čísel pro prvky s cenami (MIT). Součástí samostatného balíčku Pro (pro/assets/js/countUp.min.js), není součástí bezplatné verze na WordPress.org.

Zdrojový kód zkompilovaných balíčků pro správu se nachází v adresáři src/ pluginu.

Externí služby

Tento plugin se může připojovat ke službám třetích stran. Žádná data se neodesílají, pokud nejsou splněny níže popsané podmínky. Návštěvníci webu nejsou nikdy žádáni o souhlas s těmito připojeními; jejich konfiguraci a spouštění provádějí pouze správci webu.

Google Fonts (fonts.googleapis.com / fonts.gstatic.com)

Slouží k načtení webových písem vybraných v editoru rozvržení, aby se ceny zobrazovaly s vybraným typem písma.

Kdy dochází k odesílání dat: Ve výchozím nastavení jsou písma poskytována lokálně z vašeho webu WordPress a návštěvníci se s Googlem nespojují. Prohlížeče návštěvníků žádají o písma od Googlu pouze v případě, že správce webu výslovně povolí možnost Načíst písma z Google CDN v nastavení Opus Price Builder (tato možnost je ve výchozím nastavení vypnutá). V administraci WordPressu může editor plátna při navrhování rozvržení požadovat písma od Googlu. Je-li povolena možnost Načíst písma lokálně, soubory písem se stáhnou na váš server prostřednictvím jednorázového požadavku na straně serveru zaslaného službě Google Fonts.

Co se odesílá: Je-li povoleno načítání přes CDN, odesílají se standardní údaje z HTTP požadavků (například IP adresa, user agent prohlížeče a názvy a tloušťky požadovaných rodin písem). Nepřenášejí se žádné osobní údaje zákazníků ani údaje o objednávkách.

Tuto službu poskytuje společnost Google: Podmínky služby Google, Zásady ochrany osobních údajů společnosti Google, Často kladené dotazy k službě Google Fonts (ochrana osobních údajů).

API OpenAI (api.openai.com) — Pro, volitelné

Tuto funkci využívá nástroj AI Layout Helper (Pro) k navrhování vlastního kódu HTML, CSS a JavaScriptu pro cenové rozvržení na základě vašeho návrhu na plátně.

Kdy dochází k odesílání dat: Pouze v případě, že správce webu nakonfiguroval klíč API OpenAI, vybral OpenAI jako poskytovatele AI a výslovně klikl na tlačítko pro vygenerování rozvržení v editoru rozvržení. Nic se neodesílá automaticky ani na stránkách obchodu.

Co se odesílá: Váš klíč k API OpenAI (v hlavičce autorizace požadavku), název vybraného modelu a zadání obsahující cenový scénář aktuálního rozvržení, pozice prvků plátna a nastavení stylu (JSON) a nastavení kontejneru (JSON). Nejsou zahrnuta žádná data o zákaznících, objednávkách ani návštěvnících z WooCommerce.

Tuto službu poskytuje společnost OpenAI: Podmínky použití, Zásady ochrany osobních údajů.

Google Gemini API (generativelanguage.googleapis.com) — Pro, volitelné

Používá se v nástroji AI Layout Helper (Pro) ke stejnému účelu jako výše uvedený OpenAI, pokud je jako poskytovatel vybrán Google Gemini.

Kdy dochází k odesílání dat: Pouze v případě, že správce webu nakonfiguroval klíč API služby Google, vybral Gemini jako poskytovatele umělé inteligence a výslovně spustil generování rozvržení pomocí umělé inteligence v administračním rozhraní. Automaticky ani na stránkách obchodu se nic neodesílá.

Co se odesílá: Váš klíč k API služby Google (v URL požadavku), název vybraného modelu a výzva obsahující cenový scénář aktuálního rozvržení, nastavení prvku canvas (JSON) a nastavení kontejneru (JSON). Nejsou zahrnuta žádná data o zákaznících, objednávkách ani návštěvnících z WooCommerce.

Tuto službu poskytuje společnost Google: Podmínky služby Gemini API, Zásady ochrany osobních údajů společnosti Google.

Anthropic API (api.anthropic.com) — Pro, volitelné

Používá se v nástroji AI Layout Helper (Pro) ke stejnému účelu jako výše uvedený OpenAI, pokud je jako poskytovatel vybrán Anthropic Claude.

Kdy dochází k odesílání dat: Pouze v případě, že správce webu nakonfiguroval klíč API služby Anthropic, vybral Anthropic jako poskytovatele AI a výslovně spustil generování rozvržení pomocí AI v administračním rozhraní. Nic se neodesílá automaticky ani na stránkách obchodu.

Co se odesílá: Váš klíč k API služby Anthropic (v hlavičce požadavku), název vybraného modelu, systémové pokyny a výzva obsahující cenový scénář aktuálního rozvržení, nastavení prvku canvas (JSON) a nastavení kontejneru (JSON). Nejsou zahrnuta žádná data o zákaznících, objednávkách ani návštěvnících ze služby WooCommerce.

Tuto službu poskytuje společnost Anthropic: Podmínky pro spotřebitele, Zásady ochrany osobních údajů.