Mega Menu
Mega Menu obrazki
30 dni na zwrot
Łatwy zwrot - bez pytań
Moduły Plug & Play
Zainstaluj, skonfiguruj i zarabiaj
Wsparcie na pierwszym miejscu
Priorytet pomocy i satysfakcji
Mega Menu
Moduł Mega Menu - Wielokolumnowe Menu, Karty Produktów, Logotypy Marek + Sticky i Mobilne
Cena:
99,00 €
Netto
Rozbudowane mega menu dla motywu Hummingbird w PrestaShop
Mega Menu zamienia nawigację PrestaShop w potężne, wizualnie bogate mega menu z kartami produktów, układami wielokolumnowymi, obrazami, własnym HTML i prezentacją marek. Zaprojektowane specjalnie dla motywu Hummingbird z opcją sticky menu i płynnymi animacjami hamburger menu na mobile.
- Wielokolumnowe rozwijane menu — organizuj treść menu w układach 2, 3, 4 lub 6 kolumn
- Karty produktów w menu — prezentuj polecane lub nowe produkty bezpośrednio w panelach rozwijanych
- Drzewo kategorii z obrazami — wyświetlaj hierarchię kategorii z miniaturami obok nazw kategorii
- Kolumny z własnym HTML — dodawaj banery promocyjne, tekst lub własne widgety do paneli menu
- Prezentacja marek — wyświetlaj logotypy producentów/marek w dedykowanej sekcji menu
- Sticky menu — menu pozostaje widoczne podczas przewijania strony
- Menu hamburger na mobile — płynna wysuwana nawigacja mobilna z interakcjami dotykowymi
Kompatybilny z PrestaShop 1.7 do 9.x. Jedna licencja, dożywotnie aktualizacje, 90 dni dedykowanego wsparcia.
Nawigacja, która sprzedaje
Menu nawigacyjne Twojego sklepu jest używane przy każdej wizycie na stronie. Podstawowe rozwijane listy tekstowe marnują tę stałą widoczność. Mega Menu zamienia nawigację w narzędzie konwersji — karty produktów kuszą klientów bestsellerami, obrazy kategorii pomagają odwiedzającym zorientować się, gdzie iść, banery promocyjne kierują ruch na kampanie, a logotypy marek budują zaufanie. Wszystko w menu, z którym klienci wchodzą w interakcję na każdej stronie.
Zaprojektowany i przetestowany specjalnie dla motywu Hummingbird w PrestaShop, Mega Menu bezproblemowo integruje się ze stylowaniem Bootstrap 5.3 i zapewnia dopracowane doświadczenie na desktopie i mobile. Opcja sticky utrzymuje nawigację dostępną podczas długich sesji przewijania, a mobilne menu hamburger używa płynnych animacji CSS, które wyglądają natywnie i responsywnie.
Wielokolumnowe układy rozwijanych menu
- Konfiguracja kolumn — ustaw rozwijane menu każdego elementu na 2, 3, 4 lub 6 kolumn
- Typy treści kolumn — każda kolumna może zawierać linki kategorii, karty produktów, własny HTML, logotypy marek lub obrazy
- Rozwijane na pełną szerokość — panele rozciągają się na pełną szerokość strony dla maksymalnego wyświetlania treści
- Rozwijane w kontenerze — alternatywnie, panele dopasowują się do szerokości kontenera dla bardziej zwartego wyglądu
- Kontrola szerokości kolumn — ustaw relatywne szerokości per kolumna (np. 2/3 na treść + 1/3 na baner promocyjny)
- Obrazy tła — dodawaj obrazy tła lub kolory do paneli rozwijanych dla efektu wizualnego
Karty produktów i polecane produkty
- Karty produktów w rozwijanych menu — wyświetlaj produkty z obrazem, nazwą, ceną i przyciskiem "Dodaj do koszyka" bezpośrednio w menu
- Metody wyboru produktów — pokazuj bestsellery, nowości, produkty ze zniżką lub ręcznie wybrane pozycje
- Konfigurowalna liczba kart — wyświetlaj 2, 3, 4 lub więcej kart produktów per element menu
- Integracja podglądu szybkiego — opcjonalny przycisk szybkiego podglądu na kartach produktów do natychmiastowej inspekcji
- Dynamiczna aktualizacja — karty produktów aktualizują się automatycznie przy zmianach cen, obrazów lub stanów
Drzewa kategorii i prezentacja marek
- Hierarchiczne wyświetlanie kategorii — drzewa kategorii z rozwijaniem/zwijaniem podkategorii
- Obrazy kategorii — miniatury kategorii wyświetlane obok nazw do wizualnej identyfikacji
- Opisy kategorii — opcjonalne krótkie opisy pod nazwami kategorii
- Logotypy marek/producentów — prezentuj logotypy marek w układzie siatki w rozwijanych menu
- Filtrowanie marek — wybieraj, które marki wyświetlać per element menu
- Niestandardowe elementy linków — dodawaj linki do stron CMS, zewnętrznych URL lub dowolnych ścieżek
Własny HTML i treści promocyjne
- Kolumny HTML — dodawaj dowolne treści HTML jako kolumnę w rozwijanych menu (banery, filmy, formularze, widgety)
- Banery promocyjne — umieszczaj banery wyprzedażowe, sezonową grafikę lub kreacje kampanijne w menu
- Integracja CTA — dołączaj przyciski i linki CTA w niestandardowych kolumnach HTML
- Wielojęzyczne treści — własny HTML jest w pełni wielojęzyczny z edycją per język
Sticky menu i doświadczenie mobilne
- Sticky menu — pasek menu pozostaje widoczny na górze viewportu, gdy klienci przewijają stronę
- Kompaktowy tryb sticky — wersja sticky używa smuklejszego designu, aby zachować przestrzeń viewportu
- Menu hamburger na mobile — dotknij ikonę hamburger, aby odsłonić pełnowysokościowy wysuwany panel nawigacyjny
- Zoptymalizowane pod dotyk — duże pola dotykowe, płynne animacje i gest machnięcia do zamknięcia na mobile
- Zagnieżdżona nawigacja mobilna — zagłębiaj się w poziomy kategorii z nawigacją wstecz w stylu breadcrumb
- Treści specyficzne dla mobile — opcjonalnie wyświetlaj różne treści w menu mobilnym w porównaniu z rozwijkami desktopowymi
Design i integracja z motywem
- Design natywny dla Hummingbird — dopasowuje stylowanie Bootstrap 5.3, typografię i system kolorów Hummingbird
- Własne właściwości CSS — łatwa personalizacja kolorów i odstępów przez zmienne CSS
- Ustawienia animacji — konfigurowalna animacja rozwijanych menu (fade, slide, brak) z kontrolą prędkości
- Opóźnienie najechania — konfigurowalne opóźnienie przed otwarciem rozwijanych menu po najechaniu (zapobiega przypadkowej aktywacji)
- Wyzwalacz kliknięciem lub najechaniem — wybierz, czy rozwijane menu otwierają się po najechaniu (desktop) czy kliknięciu
- Podświetlanie aktywnego stanu — element menu bieżącej strony jest automatycznie podświetlany
Dlaczego ten moduł jest wyjątkowy?
- Zaprojektowany specjalnie dla motywu Hummingbird w PrestaShop z natywną integracją Bootstrap 5.3 — brak konfliktów stylów ani niespójności wizualnych
- Karty produktów bezpośrednio w rozwijanych menu tworzą okazje do zakupów impulsywnych na każdej stronie sklepu
- Wielokolumnowe układy z mieszanymi typami treści (kategorie, produkty, HTML, marki) zapewniają maksymalną elastyczność bez wizualnego bałaganu
- Nawigacja mobilna to celowo zbudowany wysuwany panel z przeglądaniem kategorii w głąb, nie desktopowe rozwijane menu wciśnięte w mały ekran
- Sticky menu z trybem kompaktowym zapewnia, że nawigacja jest zawsze dostępna bez poświęcania przestrzeni viewportu
Przypadki użycia
- Duże katalogi z głębokimi kategoriami — mega menu pozwala klientom zobaczyć pełne drzewo kategorii bez wielu kliknięć
- Sklepy modowe — obrazy kategorii i karty produktów w menu prezentują kolekcje i nowości przy każdej interakcji z nawigacją
- Detaliści wielomarkowi — prezentacja logotypów marek w menu pomaga klientom nawigować do preferowanej marki natychmiast
- Sklepy z promocjami — banery promocyjne w menu kierują ruch kampanii z każdej strony
- Użytkownicy motywu Hummingbird — natywna integracja oznacza zero konfliktów stylów i dopracowany, profesjonalny wygląd od pierwszego dnia
- Sklepy z dominacją mobile — wysuwane menu mobilne z nawigacją w głąb zapewnia znacznie lepsze doświadczenie w porównaniu z domyślnym menu mobilnym PrestaShop
Related Resources
Learn how navigation impacts SEO in our Mega Menu guide. Improve category pages with Filter Revolution and optimize your URL structure with Smart SEO Friendly URL Manager.
-
Indeksmprmegamenu
-
Kompatybilność z PrestaShopPS 1.7 – 9.x
-
Model cenowyJednorazowy zakup
-
Typ modułuFront & Back-office
-
Dotyczy RODONie
-
Cel biznesowyZwiększyć konwersje
-
Wymagane konto zewnętrzneNie
-
Złożoność modułuKompletne rozwiązanie
-
Etap ścieżki klientaZaangażować kupujących
-
Działa z platformąBez zewnętrznej platformy
MPR Mega Menu
Mega menu with product cards for the Hummingbird theme. Provides rich navigation dropdowns with category trees, featured products, and custom content blocks.
PrestaShop Module
- Module name:
mprmegamenu - Author: mypresta.rocks
- Compatibility: PrestaShop 9.x (Hummingbird theme)
Funkcje
- Multi-column mega menu dropdowns
- Product cards with images and prices within menu
- Category tree navigation
- Custom content blocks (HTML, images, links)
- Responsive mobile-first design
- Hummingbird theme integration
Rozwoj
yarn install
grunt build # Kompiluj SCSS
grunt watch # Watch for SCSS changes
grunt release # Build + create ZIP
Build
The Gruntfile handles:
- SCSS compilation (
sources/scss/->views/css/) - ZIP packaging for PrestaShop installation (
_releases/)
Licencja
Commercial license - mypresta.rocks
v1.2.0 — 2026-01-16
- ▸Added PS 9.1 compatibility with Hummingbird header navigation
- ▸New mega menu column layout builder with drag-and-drop interface
- ▸Added product carousel widget within mega menu dropdown panels
- ▸Fixed mega menu not closing on mobile when tapping outside menu area
- ▸Added custom HTML block insertion within menu columns
- ▸Improved accessibility with full keyboard navigation and ARIA attributes
v1.1.1 — 2025-08-05
- ▸Added PS 9.0 compatibility
- ▸Fixed mega menu dropdown positioning offset when sticky header is active
- ▸Added category image display option within menu dropdown
- ▸Fixed menu item badge ("New", "Sale") not showing on touch devices
- ▸Improved menu rendering performance with DOM caching
v1.1.0 — 2025-03-05
- ▸New tabbed mega menu layout for categories with subcategory tabs
- ▸Added featured products widget in mega menu with configurable product count
- ▸Added custom link management (external URLs, CMS pages, manufacturer pages)
- ▸Fixed menu depth exceeding 4 levels causing layout overflow
- ▸Added menu item icon support using Font Awesome or custom SVG
v1.0.3 — 2024-11-22
- ▸Fixed mega menu mobile hamburger animation not smooth on older Android devices
- ▸Added configurable menu item visibility by customer group
- ▸Fixed category tree not updating in menu when new categories are added
- ▸Improved CSS specificity to prevent theme style conflicts
v1.0.2 — 2024-09-10
- ▸Added PS 8.2 compatibility
- ▸Fixed mega menu dropdown not appearing on hover when page has horizontal scroll
- ▸Added menu item link rel="nofollow" option for external links
- ▸Fixed RTL layout direction for Arabic and Hebrew languages
v1.0.1 — 2024-06-15
- ▸Fixed mega menu background image not covering full dropdown width
- ▸Added vertical menu layout option for sidebar placement
- ▸Fixed submenu items not sorted by category position
v1.0.0 — 2024-03-22
- ▸Initial release with responsive mega menu for PrestaShop
- ▸Multi-column dropdown menu with configurable column count
- ▸Category tree integration with automatic menu generation
- ▸Mobile-responsive hamburger menu with slide-in animation
- ▸Custom banner image support within menu dropdowns
- ▸Support for PS 1.7.6+ and PS 8.x
What customers say about us
5.0
★
★
★
★
★
(1 opinia)
Great work and support
Great work and support
5.0
★
★
★
★
★
(3 opinii)
Niesamowite doświadczenie i znajomość Prestashop. Każdy minimalny błąd analizowany i poprawiany. Bardzo dobry kontakt podczas realizacji zlecenia
Jest to najlepszy informatyk / programista jakiego znam. Gość jest geniuszem do wszystkich spraw związanych z prowadzeniem strony internetowej oraz sklepu internetowego. Usługi warte każdych pieniędzy, polecam!
Very professional service. The store staff has a customer-focused approach. They effectively helped us select the most optimal solution for our store, then efficiently guided us through the technical aspects of the implementation process. They also provide ongoing support in managing and promoting our website. We highly recommend them!
3
Wdrożone
3
propozycji
Visual drag-and-drop menu builder
Wdrożone
A visual editor where you can drag and drop menu items, columns, and widgets instead of configuring everything through form fields.
Odpowiedź:
Shipped in v2.0.0! Full drag-and-drop builder with live preview. Arrange columns, add images, HTML blocks, and product widgets visually.
Mobile-specific menu layout
Wdrożone
The mega menu on desktop is great but on mobile it should have a different, touch-optimized layout with expandable accordion sections.
Odpowiedź:
Done in v2.1.0! Separate mobile menu layout with smooth accordion animations, swipe gestures, and configurable breakpoint.
Category product count badges
Wdrożone
Show the number of products in each category directly in the menu. Helps customers gauge category size before clicking.
Odpowiedź:
Added in v2.2.0! Configurable product count badges with caching for zero performance impact.
Mega menu conflicts with theme's native navigation on Hummingbird
On the Hummingbird theme, both the theme's navigation and the mega menu render, causing duplicate menus. Added automatic detection and disabling of the theme's native ps_mainmenu when the mega menu is active.
Dropdown menu closes when moving mouse diagonally to submenu
Moving the mouse from the menu item toward the dropdown at an angle causes the dropdown to close because the pointer briefly leaves the trigger area. Implemented intent-based hover detection with a directional tolerance zone.
Fixed in v1.0.0 — commit d2e8a43
Menu items not visible on white background — text color inherited from theme
The mega menu text inherits the page body color (white on white) when the theme uses an inverted header. Added explicit color configuration per menu level with proper fallback chain.
Fixed in v1.0.0 — commit 7c3f1b8
Mobile hamburger menu doesn't close after clicking a link
After tapping a menu link on mobile, the overlay stays open while the page navigates, creating a flash of the menu on the new page. Added menu close before navigation with a small delay.
Fixed in v1.0.0 — commit a5d2e79
Category tree in menu admin only shows first 50 categories
Stores with many categories only see the first 50 in the menu builder. The category tree query uses a default LIMIT 50. Removed the limit and added lazy loading for categories with 200+ items.
Fixed in v1.0.0 — commit 8e4c7a2
30 dni na zwrot
Łatwy zwrot - bez pytań
Moduły Plug & Play
Zainstaluj, skonfiguruj i zarabiaj
Wsparcie na pierwszym miejscu
Priorytet pomocy i satysfakcji
Więcej z tej kategorii
Brak recenzji. Bądź pierwszy i zostaw opinię!
Napisz opinię