aryabikini.sk — WooCommerce konfigurátor súťažných bikín
E-shop pre produkt, ktorý sa nedá jednoducho vložiť do košíka. Zákazníčka si vyskladá súťažné bikinky krok za krokom, nahrá podklady, vidí cenu a môže zaplatiť celú sumu alebo zálohu.
- Klient
- aryabikini.sk — súťažné bikinky na mieru
- Rola
- Samostatne (téma, plugin, dizajn)
Použité technológie
- WordPress block theme (FSE)
- WooCommerce HPOS
- PHP 8.3 (strict_types)
- Vanilla JavaScript
- Custom Gutenberg block
- WP REST/AJAX
Dopad
- Čo umožňuje
- Zákazníčka vie objednať produkt na mieru bez dlhej komunikácie cez email alebo správy. Majiteľka dostane objednávku s kompletnými údajmi v štruktúre, s ktorou vie hneď pracovať.
- Doba vývoja
- Aktívny vývoj prebieha — vlastná téma a plugin s 14 časťami
Čo to umožňuje
Klient predáva produkt, ktorý sa nedá kúpiť ako bežná položka v košíku. Každé súťažné bikinky sú vyrábané na mieru: kategória, telesné miery, dizajn z galérie inšpirácií alebo vlastné nahranie, balík a spôsob platby.
Predtým: dlhá komunikácia cez email alebo správy, posielanie fotiek tam a späť, ručné zapisovanie do tabuľky a manuálne vystavenie objednávky.
Po nasadení: objednávka za pár minút. Zákazníčka prejde konfigurátorom, nahrá fotky, vidí cenu a zaplatí celú sumu alebo zálohu. Majiteľka dostane objednávku s kompletnými údajmi v správnej štruktúre.
Čo vzniklo
Vlastná WordPress téma lumera-stage
Postavené ako vlastná WordPress téma, nie ako skladanie hotovej šablóny v page builderi:
- Vysúvací mini-košík — zákazníčka môže upravovať košík bez načítania novej stránky.
- Blok s recenziami — majiteľka vie v administrácii meniť poradie screenshotov recenzií z Instagramu.
- Vlastné produktové šablóny — produktová stránka je prispôsobená tomu, že nejde o bežný skladový produkt.
- Luxusnejší vizuálny štýl — tmavá vínová, výrazný akcent a čisté mobilné rozloženie.
Vlastný plugin lumera-configurator
Plugin rieši konfigurátor, ceny, zálohy, nahrávanie fotiek, údaje v objednávke a zobrazenie konfigurácií v zákazníckom účte. Technicky je rozdelený na viac častí, aby sa dal ďalej rozvíjať bez chaosu:
| Trieda | Účel |
|---|---|
Wizard | Frontend rendering, asset enqueue, product checkbox |
Inspirations | Admin galéria, AJAX save, get_ids() |
Pricing | Server-side výpočet cien (balíček, záloha) |
Cart | Validácia, cart data, price override, cart display |
Upload | Fotka validácia + WP media upload |
OrderMeta | Cart → order item meta (HPOS compatible) |
Deposit | Custom WC status wc-awaiting-balance |
Account | My Account tab “Moje konfigurácie” |
Emails | Konfigurácia v order emailoch |
Admin | Metabox + deposit notice |
CustomName | Voliteľné pole “Meno” pre vybrané produkty |
Bezpečnosť: všetky úpravy v administrácii majú kontrolu oprávnení, uploady majú limity a povolené typy súborov, dáta sa ukladajú cez WordPress/WooCommerce API a plugin nepoužíva rizikové skratky typu eval().
Prečo to nebola “len šablóna”
Štandardná WordPress/WooCommerce inštalácia nevie pohodlne predávať produkt, ktorý má veľa individuálnych parametrov a možnosť zálohy. Variabilné produkty by boli neprehľadné a bežné doplnky neriešia logiku „záloha teraz, doplatok pri dodaní“. Bolo treba:
- Vlastný stav objednávky pre čakajúci doplatok
- Vlastné údaje v košíku a objednávke
- Výpočet ceny podľa zvolenej konfigurácie
- Sekciu v zákazníckom účte s prehľadom konfigurácií
Použité princípy
- WordPress a WooCommerce ako základ
- Vlastná téma bez page buildera
- Minimum JavaScriptu tam, kde stačí CSS
- Mobilné rozloženie ako prvý návrh, desktop až potom
- Dôležité odchýlky zapísané v dokumentácii
Súvisiace projekty od toho istého klienta
- aryabikini.com — druhá doména pre medzinárodný trh