Projektant

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

Szablon składa się z 3 głównych komponentów: Widżety, Atrybuty produktu.

Zastępniki (placeholders) mogą być wyświetlane w 3 różnych stanach, zależnie od wykonywanej akcji:

◦ szary – zastępnik jest dostępny ◦ jasnozielony – zastępnik jest gotowy do upuszczenia atrybutu ◦ ciemnozielony – zastępnik może przyjąć zmienione rozmiarowo atrybuty

Kodowanie kolorami typów elementów. Aby zwiększyć czytelność w bardziej złożonych projektach sekcji, Designer pokazuje różne kolory tła dla poszczególnych typów elementów podczas układania zawartości.

• Widżety: jasny pomarańczowy. • Atrybuty: szary.

Funkcja ta jest dostępna tylko w Designerze dla Szablonów i Sekcji i ma na celu ułatwienie rozróżniania typów elementów na pierwszy rzut oka.

Wskaźniki kolorystyczne działają równolegle z istniejącymi stanami zastępników, sygnalizując, kiedy pozycje są dostępne lub mogą przyjąć elementy o zmienionym rozmiarze.

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 zastępnik atrybutu. Podczas zawieszenia nad wybraną lokalizacją, zastępnik podświetli się na jasnozielono, jeśli można tam upuścić atrybut. Atrybuty przeciągane z listy po lewej nie znikają, lecz bledną na szaro.

• usuń - otwórz menu kebab (trzy kropki) i wybierz „usuń”. Na liście atrybutów nazwa atrybutu i kolor ikony wrócą do czarnego.

zmień rozmiar – chwyć dolny prawy róg atrybutu, aby zmienić jego rozmiar. Dostępne zastępniki atrybutów podświetlą się na jasnozielono. Zmień rozmiar atrybutu do żądanego wymiaru i upuść go, aby zakończyć.

Jeśli potrzebujesz więcej miejsca w obszarze projektowania, kliknij + DODAJ WIERSZ, a nowy wiersz zostanie dodany na dole przestrzeni roboczej.

Możesz też dodać nowy wiersz w konkretnej lokalizacji. Aby to zrobić, kliknij lewym przyciskiem myszy na linię przerywaną, a + Dodaj wiersz przycisk się pojawi. Kliknij go, aby dodać dodatkowy wiersz pod daną linią.

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