AI CSS asistent
Storefront Merzio má stabilné CSS „hooky", vďaka ktorým môžete meniť vzhľad obchodu cez sekciu Vlastný kód › Vlastné CSS. Aby ste nemuseli CSS písať ručne, pripravili sme inštrukčný súbor pre AI (CLAUDE.md).
Čo to je?
CLAUDE.md je textový súbor s inštrukciami pre AI nástroje (napríklad Claude). Keď ho AI odovzdáte, naučí sa:
- písať iba bezpečné CSS pre váš obchod,
- používať stabilné triedy (hooky), ktoré sa nemenia medzi aktualizáciami,
- nepoužívať
!importanta nerozbiť rozloženie stránky.
Vďaka tomu stačí zmenu vzhľadu opísať slovami a AI vám vygeneruje CSS, ktoré len vložíte do obchodu.
Ako to použiť (3 kroky)
- Stiahnite súbor
CLAUDE.mdtlačidlom vyššie. - Odovzdajte ho AI nástroju (napr. Claude) ako inštrukcie a napíšte, čo chcete zmeniť — napríklad „zaobli karty produktov a zväčši tlačidlo Do košíka".
- Vložte vygenerované CSS do Zapojenie › Dizajn › Vlastný kód › záložka Vlastné CSS, uložte a tvrdo obnovte obchod (
Ctrl+Shift+R).
Merzio AI v Canvase má vlastné CSS
Ak necháte dizajn navrhnúť Merzio AI v Canvase, AI si píše vlastné, oddelené CSS (CSS od AI dizajnéra). Vášho poľa Vlastné CSS sa nikdy nedotkne — a keď sa obe pravidlá stretnú, vyhráva to vaše.
Úplný zoznam tried
Kompletnú referenciu všetkých tried, na ktoré sa dá mieriť, nájdete na stránke Storefront CSS hooks.
WARNING
CLAUDE.md pomáha AI písať bezpečné CSS, no AI môže robiť chyby. Vygenerované CSS si pred uložením prezrite a v prípade potreby kontaktujte našu podporu.