[Redesign] Przebudowa MegaMenu na komputerze

MegaMenu to jeden z pierwszych modułów, który doczekał się Redesignu w Modern 3.0 Storefront.

O Redesignie piszę, kiedy moduł przejdzie gruntowne zmiany. W tym przypadku wizualnie zmieniło się niewiele, ale w "bebechach" zmienił się cały ogrom.

1. Zmniejszyliśmy ilość kodu TWIG o 60%
2. Zmniejszyliśmy ilość kodu JSON i konfiguracji w panelu o około 50%
3. UPROŚCILIŚMY UX
   Długo na to czekałem, bo Menu dostało dużo aktualizacji i każda z nich to był taki dolepek do istniejącego kodu.

W tej chwili instrukcje w środku są jasne, przejrzyste i nie powinny powodować problemów ze zrozumieniem. Rozjaśniłem kroki konfiguracji, zmniejszyłem ilość klików do pełnej konfiguracji, dodałem więcej opisów oraz poprawiliśmy tryb AI (o czym niżej).

4. Nowy tryb AI z danymi ważonymi
   System automatycznie generuje podpowiedzi produktów w menu i z tego byli Państwo zadowoleni. Mało kto decydował się na punktowe własne zmiany.

Z tego względu postaraliśmy się na usprawnienie tego modułu. Od teraz system będzie wagowo oceniał dane produkty i rotował je, aby klient widział że coś tam się zmienia. W samym module znajdziecie rozpiskę co wpływa na priorytet pokazywania się produktów w menu, ale w testach widzimy zwiększoną klikalność (CTR).

5. Zmniejszyliśmy ingerencję w kod
   Pośrednio zmniejszając ilość kodu, zmniejszyliśmy nasze zmiany. Pokłosiem tego jest BRAK możliwości dodania dwóch i więcej plakietek (tagów) do danej kategorii.

Po sprawdzeniu około 120 z 300 wdrożeń na SF, niewiele z Państwa używało dwóch tagów, jeden zazwyczaj wystarczał:

W związku z upraszczaniem kodu usunęliśmy możliwość dodawania więcej niż jedna metka.
W TRAKCIE AKTUALIZACJI JEŚLI MAJĄ PAŃSTWO DWIE METKI, TE ZNIKNĄ. Zniknąć mogą też pojedyncze metki w zależności od Państwa konfiguracji.

6. NOWE FUNKCJE czyli możliwość personalizowania zbiorczego menu.

Jeśli w ustawieniach w "Wygląd i treści" -> "Linki w nagłówku i stopce" dodadzą Państwo zbiorcze menu:

To w ustawieniach MegaMenu znajduje się nowa sekcja do konfiguracji:

7. NOWE FUNKCJE vol2 czyli możliwość personalizowania KAŻDEGO linku

Dotychczas mogli Państwo personalizować jedynie to, co miało kategorie niższego rzędu. Jeśli to był link np. do zakładki kontaktu nie można tam było dodać ikonki.

Od aktualizacji styczniowej można podać nazwę (Uwaga, wielkość liter ma znaczenie!) i po tym będziemy mogli personalizować o ikonkę, odznakę (tag), tło i kolor.

8. WAŻNE! Usunęliśmy możliwość wyboru ikonki spośród domyślnych.

To ustawienie spowalniało ten moduł o 64%.
Gdy ręcznie sprawdziliśmy Państwa konfigurację, to większość z państwa (przytłaczające 80%) wgrywało samodzielnie ikonki.

W związku z tym gorąca prośba: JEŚLI mają Państwo ikonki wybrane z domyślnej listy typu tarcza, procent -> to bardzo proszę o wgranie ikonek na nowo ręcznie biorąc je np. z https://www.flaticon.com/ (polecam!).

9. Zmiany menu objęły też Producentów, o tym w osobnym poście 😀

Podsumowując: mniej kodu, szybsze menu, inteligentniejsze AI do automatycznych produktów. Pełna możliwość personalizacji w tym menu zbiorczego oraz pojedynczych linków. Nowy design producentów. Z minusów: brak dwóch plakietek i przy aktualizacji plakietki (tagi) mogą zniknąć i należy je dodać ponownie. Znikną też ikonki domyślne <- trzeba wgrać swoje!