> 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/sekcje/kreator.md).

# Kreator

To miejsce, w którym możesz zaprojektować stronę katalogu produktów, używając prostego przeciągania i upuszczania.

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), [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 gotowy do upuszczenia atrybutu \
◦ **ciemnozielony** – placeholder jest gotowy do przyjęcia atrybutów zmienionych rozmiarem

Kodowanie kolorami typów elementów. Aby poprawić czytelność przy bardziej złożonych projektach sekcji, Kreator pokazuje różne kolory tła w zależności od typu elementu podczas układania zawartości.

\
• Widżety: jasny pomarańcz.\
• Atrybuty: szary.

<figure><img src="/files/541659978aadc7f879b8dbcf7c215f969980c22d" alt=""><figcaption></figcaption></figure>

\
Ta funkcja jest dostępna tylko w Kreatorze dla Szablonów i Sekcji i ma ułatwić szybkie rozpoznawanie typów elementów.

\
Wskaźniki kolorów współdziałają z istniejącymi stanami placeholderów, sygnalizując, kiedy pozycje są dostępne lub mogą przyjąć zmieniony rozmiar elementów.

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/6b2feaafa5d3deef94586747fdd6520a736d6b71" alt=""><figcaption></figcaption></figure>

Jeśli potrzebujesz więcej miejsca w obszarze projektanta, kliknij *+ DODAJ WIERSZ,* a nowy wiersz zostanie dodany na dole obszaru roboczego.

Możesz dodać nowy wiersz w określonym miejscu. Aby to zrobić, kliknij lewym przyciskiem myszy na przerywaną linię, 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>

Możesz go także usunąć, wybierając -Usuń wiersz na jasno czerwonym pustym obszarze.

<figure><img src="/files/1ad486b435f0c36cfcf6c4ef96f24457fdf25754" alt=""><figcaption></figcaption></figure>

Gdy atrybut zostanie umieszczony w obszarze roboczym kreatora, można ustawić go jako obowiązkowy. Atrybuty obowiązkowe służą do wskazywania postępu, pokazując kompletność szablonu dla wybranego języka. Te atrybuty są oznaczone czerwonym gwiazdką.

<figure><img src="/files/c1e7ddf123f025ae6ca8a040d3e20cbda85b1458" 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.