> For the complete documentation index, see [llms.txt](https://usermanual.ergonode.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://usermanual.ergonode.com/ergonode-user-manual-pl/struktura-produktu/szablony-produktow/glowne-szablony/kreator.md).

# Kreator

To miejsce, w którym możesz zaprojektować szablon karty produktu, korzystając w prosty sposób z metody przeciągnij-i-upuść.

Szablon składa się z 3 głównych komponentów: [Widżety](/ergonode-user-manual-pl/struktura-produktu/szablony-produktow/glowne-szablony/kreator/widzety.md), [Sekcje](/ergonode-user-manual-pl/struktura-produktu/szablony-produktow/sekcje.md), oraz [Atrybuty produktu](/ergonode-user-manual-pl/struktura-produktu/atrybuty.md).

Placeholdery mogą być wyświetlane w 3 różnych stanach, w zależności od wykonywanej akcji:

◦ **szary** – placeholder jest dostępny\
◦ **jasnozielony** – placeholder jest gotowy do upuszczenia atrybutu\
◦ **ciemnozielony** – placeholder jest gotowy do przyjęcia atrybutów zmienionych rozmiarem

Aby ułatwić rozróżnianie typów elementów w złożonych modelach, Kreator stosuje kolor tła dla każdego elementu według typu podczas umieszczania lub przeciągania w obszarze roboczym.

Kolory typów elementów:\
• Sekcje: jasnoniebieski.\
• Widżety: jasnopomarańczowy.\
• Atrybuty: szary.

\
To ulepszenie jest dostępne tylko w Kreatorze dla Szablonów i Sekcji i ma na celu poprawę czytelności oraz zmniejszenie błędów przy układaniu większych layoutów.

\
Kolory uzupełniają istniejące stany placeholderów, które nadal wskazują dostępność miejsca do umieszczenia oraz zachowanie przy zmianie rozmiaru.

Na atrybutach można wykonać następujące akcje:

* **przenieś** – przeciągnij atrybut z listy atrybutów lub z innej pozycji na macierzy i przenieś go nad dostępny placeholder atrybutu. Podczas najechania na wybrane miejsce, jeśli jest dostępne do upuszczenia, podświetli się na jasnozielono. Atrybuty pobrane z listy atrybutów po lewej nie znikają, lecz przechodzą w przygaszony szary stan.
* **usuń** - otwórz menu kebab (trzy kropki) i wybierz „remove”. Na liście atrybutów nazwa atrybutu i kolor ikony wrócą do czerni.
* **zmień rozmiar** – chwyć prawy dolny róg atrybutu, aby zmienić jego rozmiar. Dostępne placeholdery atrybutów podświetlą się na jasnozielono. Po prostu zmień rozmiar atrybutu do żądanego i upuść go, aby zakończyć.

<figure><img src="/files/49460ba5b1367d9503fb4f6e076976bbd960bb94" alt=""><figcaption></figcaption></figure>

Jeśli potrzebujesz więcej miejsca w obszarze projektanta, kliknij *+ ADD 10 ROWS,* a na dole obszaru roboczego zostanie dodanych 10 nowych wierszy.

Możliwe jest również dodanie pojedynczego nowego wiersza w konkretnym miejscu — aby to zrobić, kliknij lewym przyciskiem myszy na kropkowanej linii, a *+ Add row* przycisk pojawi się. Kliknij go, aby dodać dodatkowy wiersz pod tą konkretną linią.

<figure><img src="/files/1914a92563bd4a469bb9cf1e418fa97940d6a850" alt=""><figcaption></figcaption></figure>

Gdy atrybut zostanie umieszczony w obszarze projektanta, można oznaczyć go jako wymagany. Wymagane atrybuty są używane do wskazywania postępu, pokazując kompletność szablonu dla wybranego języka. Te atrybuty są oznaczone czerwonym gwiazdką.

<figure><img src="/files/50f2b7f59ba2246ca15b31ff02ee58efef6713a6" alt=""><figcaption></figcaption></figure>

Gdy sekcja zostanie upuszczona w obszarze projektanta, można przypisać do niej [zestaw kompletności](/ergonode-user-manual-pl/struktura-produktu/szablony-produktow/zestawy-kompletnosci.md) .

<figure><img src="/files/587b2784162da6c6d98b431aa94fdf939102557a" alt=""><figcaption></figcaption></figure>

Aby to zrobić, najedź na sekcję, a z menu trzech kropek kliknij Opcja przypisania zestawu kompletności. Aby to zadziałało, zestaw musi być wcześniej utworzony.

<figure><img src="/files/a152d96162f4b6e5e7054edb32312d4284240c70" alt=""><figcaption></figcaption></figure>

Po kliknięciu pojawi się nowe okno, z którego możesz wybrać przypisanie z listy rozwijanej.

<figure><img src="/files/c8e65c536ae7f063cd663143bd10efe5cc1d6ade" alt=""><figcaption></figcaption></figure>

Możliwe jest szybkie [utworzenie nowego zestawu](/ergonode-user-manual-pl/struktura-produktu/szablony-produktow/zestawy-kompletnosci.md) z tego miejsca, po prostu klikając *+ Add new completeness set* z listy rozwijanej. Następnie nadaj nazwę temu nowemu zestawowi i kliknij ![](/files/32c8b66fe83f1bae87f4f06ca25bcc3ff96aef8d) ikonę, aby zapisać.

<figure><img src="/files/8f3a2d87a87f678ab382a533f1ccd8d16c8537aa" alt=""><figcaption></figcaption></figure>

Gdy szablon będzie gotowy, kliknij *ZAPISZ ZMIANY*. Następnie na dole ekranu zostanie wyświetlone powiadomienie push.&#x20;

<figure><img src="/files/63ff2f9e82edae19c0153d3e6a72832f5300fa39" alt=""><figcaption></figcaption></figure>

To menu ma także 2 dodatkowe opcje: [*Edytuj sekcję*](/ergonode-user-manual-pl/struktura-produktu/szablony-produktow/sekcje/ogolne.md) która otworzy tę konkretną sekcję w trybie edycji, oraz *Usuń* aby usunąć ją z obszaru projektanta (to samo można osiągnąć, przeciągając sekcję poza obszar).

<figure><img src="/files/6f195110baf933cb34e45ffb37b76799264e9a12" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://usermanual.ergonode.com/ergonode-user-manual-pl/struktura-produktu/szablony-produktow/glowne-szablony/kreator.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
