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, Sekcje, oraz Atrybuty produktu.

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

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

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

Gdy sekcja zostanie upuszczona w obszarze projektanta, można przypisać do niej zestaw kompletności .

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.

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

Możliwe jest szybkie utworzenie nowego zestawu z tego miejsca, po prostu klikając + Add new completeness set z listy rozwijanej. Następnie nadaj nazwę temu nowemu zestawowi i kliknij ikonę, aby zapisać.

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

To menu ma także 2 dodatkowe opcje: Edytuj sekcję 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).