Skip to content

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ť !important a 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)

  1. Stiahnite súbor CLAUDE.md tlačidlom vyššie.
  2. 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".
  3. Vložte vygenerované CSS do Admin → Dizajn → Vlastný kód → Vlastné CSS, uložte a tvrdo obnovte obchod (Ctrl+Shift+R).

Ú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.