Mega Menu: konfiguracja i pomoc

Wgraj i zainstaluj ZIP mprmegamenu w Moduły > "Module Manager". Kliknij "Configure" lub otwórz "Improve" > Mega Menu > Zakładki menu.

Instalacja rejestruje displayMainMenu, displayTop i displayNavFullWidth. Mechanizm renderowania wybiera pozycję menu odpowiednią dla motywu. Instalacja odpina instancje ps_mainmenu, blocktopmenu i blocktopdropdownmenu od hooków nawigacji górnej lub pełnej szerokości i zapamiętuje je do przywrócenia podczas odinstalowania.

Sprawdź nagłówek bezpośrednio po instalacji. Własny motyw musi wywoływać obsługiwany hook. Programista może dodać umiejscowienie w motywie za pomocą:

{hook h='displayMainMenu'}

lub:

{widget name='mprmegamenu' hook='displayMainMenu'}

Wybierz właściwy sklep przed konfiguracją zakładek. Proces PHP wymaga prawa zapisu w folderze modułu w katalogu cache PrestaShop. Pracownicy edytujący kolumny rozwijane potrzebują uprawnień edycji strony administracyjnej modułu.

W Zakładki menu utwórz zakładkę, zapisz ją i otwórz jej edytor "Dropdown Columns".

Dla linku do promocji ustaw "Label" na Sale, "URL Type" na "Custom URL", "Custom URL" na ścieżkę promocji w sklepie i włącz Aktywny. Sprawdź link w każdym języku.

Wybierz typ kolumny i ustaw jej szerokość w siatce 12 kolumn. Domyślna szerokość nowych kolumn to 3, a typ to category_tree. Edytor pozwala na maksymalnie 12 kolumn; ich łączna szerokość nie może przekraczać 12. Tytuły i treści są tłumaczone. Generowane typy kolumn korzystają z ustawień zamiast tłumaczonej treści HTML.

Edytor sprawdza URL, odwołania, typy treści i szerokości. Jeśli inny pracownik zapisze tę samą zakładkę, przeładuj jej kolumny przed ponownym zapisem. Nieaktualna rewizja jest odrzucana, aby nie nadpisać jego zmian.

Dla drzewa kategorii pod kategorią 8 użyj tych ustawień, zastępując wszystkie przykładowe ID:

{"id_category":8,"depth":2,"exclude":[15,16]}

Dla wybranych stron CMS:

{"cms_ids":[3,4,5]}

Uporządkowane wiersze w obecnym edytorze zawierają typ wiersza. Tablica treści z grupami linków może wyglądać tak:

[
  {
    "row_type":"link_group",
    "label":"Shopping help",
    "url":"/help",
    "icon":"help",
    "new_window":false,
    "children":[
      {"row_type":"link","label":"Delivery","url":"/delivery","icon":"local_shipping","new_window":false}
    ]
  }
]

Używaj istniejących, zlokalizowanych miejsc docelowych. Obsługiwane formaty URL to kotwica, ścieżka względem katalogu głównego zaczynająca się jednym ukośnikiem lub bezwzględny URL HTTP/HTTPS. URL względne wobec protokołu są odrzucane.

Przykład treści zakładki wizualnej:

{
  "tabs":[
    {
      "row_type":"visual_tab",
      "id":"guides",
      "label":"Guides",
      "url":"/guides",
      "columns":[
        {"type":"sizes","title":"Topics","links":[{"row_type":"link","label":"Delivery","url":"/delivery","icon":"","new_window":false}]},
        {"type":"card","col_class":"col-6","title":"New products","subtitle":"Latest arrivals","url":"/new-products","image":"/img/cms/menu-new-products.jpg","mobile_image":"","alt":"New products"}
      ]
    }
  ]
}

Dla własnego HTML obsługiwane struktury mobilne obejmują [data-mm-tabs], .mm-type-card, grupy linków .mm-html i zwykłe listy. Formularz komputerowy ani dowolny widżet nie jest automatycznie odtwarzany jako interaktywny formularz mobilny.

<div class="mm-html">
  <div class="mm-html__title">Buying guides</div>
  <ul>
    <li><a href="/guide-1">Guide 1</a></li>
    <li><a href="/guide-2">Guide 2</a></li>
  </ul>
</div>

Otwórz Mega Menu > Ustawienia > Konfiguracja.

Dla paneli produktów wybierasz kategorie. Standardowy formularz nie oferuje dla nich wyboru pojedynczych produktów.

Użyj ustawień "Submenu" w Konfiguracja.

Dla odwołań do poradników używaj rzeczywistych opublikowanych ID, na przykład:

{"8":[12,"kb:34"],"*":[56]}

Menu mobilne udostępnia zagnieżdżoną nawigację i pasek skrótów. Sprawdź skonfigurowane miejsca docelowe kontaktu, konta, pomocy i ustawień regionalnych w rzeczywistych językach sklepu.

Użyj "Theme styles" dla wspólnych wykrytych wartości motywu. Moduł mapuje kolor główny, tekst, tekst stonowany, tło główne i dodatkowe, obramowanie, promień i przejście na zmienne --mprmegamenu-*. Odśwież wykrywanie po zmianie motywu lub wyczyść własne nadpisania, aby wrócić do wykrytych wartości.

Obecna mapa zmiennych nie zawiera dawnych aliasów modułu dla głównego koloru po najechaniu ani cieni. Sprawdź wspólny edytor stylów i aktywny arkusz zamiast wpisywać pierwotną stałą listę awaryjną jako domyślne wartości modułu.

Dla CSS motywu sprawdź .mprmegamenu-container i aktualny kod .ps-mainmenu__*. Własny nagłówek może wymagać zmian odstępów lub pozycjonowania.

1. Przetestuj każde miejsce docelowe najwyższego poziomu na komputerze.
2. Otwórz każde menu rozwijane i przetestuj jego linki, produkty i zdjęcia.
3. Powtórz w panelu mobilnym. Potwierdź, że własny HTML tworzy zamierzone zagnieżdżone linki.
4. Powtórz jako gość i we wszystkich grupach klientów z ograniczeniami kategorii.
5. Powtórz w każdym języku i sklepie.

Treść drzewa kategorii podąża za zmianami katalogu. Ręcznie wpisane linki i HTML nadal wymagają ręcznej konserwacji. Zmiany kategorii, CMS, produktów i menu unieważniają powiązane cache menu. Moduł przechowuje dane, wyrenderowany kod i fragmenty w katalogu mprmegamenu w katalogu cache PrestaShop.

Jeśli menu się nie pojawia, sprawdź hook motywu i aktywne zakładki wybranego sklepu. Jeśli kolumny się nie zapisują, sprawdź uprawnienia edycji, błędy walidacji i łączną szerokość. Jeśli kolumna bloga jest pusta, sprawdź moduł źródłowy i opublikowane treści.

Otwórz Ustawienia > Integralność, aby sprawdzić tabele, hooki, odwołania i katalog cache. Wymagane tabele menu to mprmegamenu_tab, mprmegamenu_tab_lang, mprmegamenu_tab_shop, mprmegamenu_column i mprmegamenu_column_lang. Wyczyść odpowiednie cache PrestaShop i CDN po zmianie nadpisania motywu.

Najpierw wyeksportuj ustawienia menu lub zrób ich kopię. Odinstaluj przez "Module Manager". SQL odinstalowania usuwa pięć tabel menu, czyści cache modułu i usuwa pozycje menu. Moduł przywraca zapamiętane rejestracje hooków menu natywnego. Następnie sprawdź nagłówek, szczególnie jeśli moduły menu natywnego zmieniały się w czasie, gdy Mega Menu był zainstalowany.

Wymaga PrestaShop 1.6.1 lub nowszego i PHP 7.1 lub nowszego.