Niewidoczny pop-up menu mobilnego (logowanie, koszyk, wyszukiwarka)

Menu mobilne (tzw. "hamburger") to rozwijane menu dostępne na urządzeniach mobilnych. Zawiera ono m.in. przyciski logowania, wyszukiwarkę, koszyk oraz menu nawigacyjne.

Jak włączyć menu mobilne?

Krok 1: Wejdź do edytora wizualnego

Z menu po lewej stronie wybierz "Wygląd i treści" → "Wygląd sklepu" → "Twoje szablony graficzne".

Kliknij "Ołówek" (Edytuj układ i styl szablonu) aby otworzyć edytor wizualny.

Krok 2: Przejdź do Integracji

W lewym dolnym rogu edytora wizualnego kliknij "Integracje" (dawniej "Pop-upy i dodatki")

Krok 3: Znajdź moduł Menu Mobilne

W sekcji "Integracje" znajdź moduł odpowiedzialny za menu mobilne (hamburger).

Krok 4: Włącz menu mobilne

Upewnij się, że menu mobilne jest włączone w konfiguracji modułu. Zapisz zmiany.

Problem: Pop-up menu mobilnego jest niewidoczny

Objawy:

Na wersji mobilnej nie widać przycisków logowania, wyszukiwarki, koszyka
Menu "hamburger" nie rozwija się lub jest puste
Elementy menu są niewidoczne lub "przebijają" przez inne warstwy

Rozwiązanie:

Problem najczęściej występuje, gdy elementy strony "przeklejają się" lub zasłaniają menu mobilne.

Sprawdź w edytorze wizualnym:

Czy w sekcji "Nagłówek" nie ma elementów o wyższym z-index niż menu mobilne
Czy wszystkie elementy w nagłówku są poprawnie przypisane do odpowiednich kontenerów
Czy moduł menu mobilnego nie jest zasłaniany przez inne moduły

WAŻNE!

Zmiany w konfiguracji modułów w sekcji "Integracje" NIE są widoczne w edytorze wizualnym. Aby zobaczyć efekt, użyj podglądu sklepu z poziomu "Twoje szablony graficzne" (ikona lupki).

Przydatne linki: