SAVE 35%
ULTIMATE SEO & TRAFFIC INTELLIGENCE SUITE (3-in-1) SEO Analytics Pro + Product FAQ + Custom Tabs
SAVE 35%
STORE CONVERSION & SALES BOOSTER SUITE (3-in-1) Stripe Gateway + Mega Menu Pro + Hide Quantity & Direct Buy
Ends in: 08h 42m 19s
$119.00 $77.35
Offer Details
$105.00 $68.25
Offer Details
  • Your shopping cart is empty!
0
Login
Home
Login
Wishlist
Shopping Cart
Featured Product FlexExt

Mega Menu Studio Pro & Mobile Navigation

Official Mega Menu Studio Pro & Mobile Navigation | FlexExt.dev

Product Code: FLX-MEGA-MENU-PRO • Availability: In Stock

Video Demo Mega Menu Studio Pro & Mobile Navigation Suite
Key Highlights & Features
Premium Quality Guaranteed
Fast & Secure Delivery
100% Encrypted Checkout
24/7 Dedicated Support
$35.00
$25.00
Best Price & Quality Guarantee

Available Options

256-bit SSL Encrypted Checkout
Instant Official Support

FlexExt Mega Menu Studio Pro & Mobile Navigation Suite is the ultimate visual navigation architect for OpenCart 4 and OpenCart 3. Transform standard, boring dropdown menus into stunning, multi-column mega menus featuring product showcases with live Add-to-Cart buttons, category thumbnails, promotional banners, custom HTML widgets, and a modern app-style mobile navigation drawer with instant live search.

Mega Menu Studio Pro Showcase Banner

Intuitive Store Navigation That Drives Conversions

Your navigation menu is the primary highway through which every shopper discovers your catalog. FlexExt gives you total control over desktop multi-column layouts, mobile slide-out drawers, interactive search autosuggest, and direct cart actions with zero page lag.

Multi-Column Grid Builder

Build rich menus with 2, 3, 4, 5, or 6 columns containing categories, custom links, images, and HTML widgets.

Product Showcase & Cart

Display featured products or bestsellers directly inside the dropdown with prices, badges, and 1-click Add to Cart.

App-Style Mobile Drawer

Dedicated mobile slide-out drawer with multi-level category navigation, currency/language selectors, and account links.

Unified Live Search

Instant AJAX search engine with live product suggestions, prices, thumbnails, and category matches as you type.

Badges & FontAwesome Icons

Highlight important links with eye-catching badges (Hot, New, Sale) and customize any menu item with FontAwesome icons.

Zero Layout Shift (CLS=0)

High-performance CSS/JS architecture ensures ultra-fast rendering with zero impact on Google Core Web Vitals.

Technical Specifications
Compatibility4.1.0.4, 4.1.0.3, 4.1.0.2, 4.1.0.1, 4.1.0.0, 4.0.2.3, 4.0.2.2, 4.0.2.1, 4.0.2.0, 4.0.1.1, 4.0.1.0, 4.0.0.0, 3.0.5.1, 3.0.5.0, 3.0.4.1, 3.0.4.0, 3.0.3.9, 3.0.3.8, 3.0.3.7, 3.0.3.6, 3.0.3.5, 3.0.3.3, 3.0.3.2, 3.0.3.1, 3.0.3.0, 3.0.2.0, 3.0.1.3, 3.0.1.2, 3.0.1.1, 3.0.1.0, 3.0.0.0
PHP VersionPHP 8.3, PHP 8.2, PHP 8.1, PHP 7.4

Quick Installation & Setup Guide

OpenCart 4.x Installation:
  1. Navigate to Extensions > Installer in your OpenCart Admin.
  2. Upload flexext_mega_menu_oc4.ocmod.zip.
  3. Navigate to Extensions > Extensions > Modules and find FlexExt Mega Menu Studio Pro. Click Install.
  4. Click Edit to configure menu items, department tabs, custom styling, and layout options.
  5. Save your configuration. The event hook automatically overrides the default category menu with your ultra-modern Mega Menu!
OpenCart 3.x Installation:
  1. Navigate to Extensions > Installer in your OpenCart Admin.
  2. Upload flexext_mega_menu_oc3.ocmod.zip.
  3. Navigate to Extensions > Modifications and click the Refresh button.
  4. Go to Extensions > Extensions > Modules, install and edit FlexExt Mega Menu Studio Pro.
  5. Configure your menu navigation and save settings.
v1.3.8 Official Release
  • Intelligent Unified Live Search Engine & Dropdown Autocomplete:
  • Integrated smart multi-token search engine across desktop header search, navbar search input, and mobile off-canvas drawer.
  • Implemented multi-word relevance scoring across product titles, tags, meta keywords, models, categories, and brands.
  • Added built-in synonym and search intent resolver (e.g. tabs -> Custom Tabs & FAQ, protection -> Licenses & Secure Downloads, ux design -> Mega Menu, Custom Templates, Tooltips).
  • Floating live autocomplete card featuring retina thumbnails, matching keyword highlights (<mark>), category tags, real-time pricing with special discount tags, in-stock badges, and direct "View all results" link.
  • Full keyboard accessibility (ArrowUp, ArrowDown, Enter to navigate, Escape to dismiss) and zero-results fallback recommendations.
v1.3.6 Official Release
  • Mobile Off-Canvas Navigation Subcategories Parity & Visual Enhancements:
  • Auto-expanded primary category navigation in mobile drawer on initial slide-out, providing instant parity with desktop mega menu view.
  • Rendered complete subcategories list (All Extensions, Opencart Extensions, Wordpress Extensions, Joomla Extensions) with active product count badges (badge-subtle).
  • Added direct category link routing and preserved smooth collapse/expand toggling via chevron controls.
  • Mobile Brand Logo Obscuration Fixes (Drawer Header & Mobile Bar):
  • Teleported mobile off-canvas drawer (#flx-mobile-drawer) and backdrop directly to document.body on DOM initialization to eliminate parent stacking context conflicts with fixed top header bars (<nav id="top">).
  • Elevated drawer z-index to 999999 !important and overlay to 999990 !important with safe-area top padding, ensuring the store logo and close button are 100% visible and unobstructed.
  • Restructured mobile header bar (.flx-mobile-bar) layout with flex centering, min-width: 0, and responsive logo constraints (max-height: 26px; max-width: 120px) to prevent collision or squishing against search and categories buttons on narrow screens.
v1.3.5 Official Release
  • Mobile Drawer Quick Access & Currency Selector Optimization:
  • Drawer topbar utility layout adjustments and currency form integration.
  • Mobile Off-Canvas Navigation Suite & Complete Desktop Parity:
  • Modernized mobile drawer header with dark #0b254e theme, pure white vector SVG logo, and accessible close button.
  • Added dynamic drawer utility topbar with real-time currency selector, language switcher, and customer account status.
  • Integrated horizontal scrollable featured products carousel with 16:9 thumbnail covers, discount percentage badges, regular/special pricing, and instant AJAX add-to-cart button.
  • Added subcategory listing with item counts and dedicated "Explore All Extensions" CTA button.
  • Enhanced mobile Contact Studio block with direct tap-to-call, tap-to-email, business hours, and social media channels.
  • Added 4-button quick navigation footer shortcuts (Home, Account, Wishlist, Cart with live count badge).
v1.3.3 Official Release
  • Vector SVG Brand Logo & Dedicated Pure White Navbar Mode:
  • Full vector SVG logo integration across the store.
  • Added dedicated pure white variant for dark navbar header and mobile off-canvas drawer.
v1.3.2 Official Release
  • Persistent "Explore All Extensions" Link:
  • Eliminated dynamic overwriting of CTA button target on subcategory hover.
  • Hero Grid Isolation:
  • Separated hero row from lower content modules.
v1.3.1 Official Release
  • Multi-Customer-Group Specials:
  • Robust fallback query for logged-in customer groups.
v1.3.0 Official Release
  • Promotional Special Prices & Discount Badges in Menu Showcase:
  • Implemented dynamic subquery and core model evaluation for promotional special prices (special = 1 in product_discount for OpenCart 4.0.2+ as well as standard product_special).
  • Catalog product showcase strips, popular products, and category grids in mega menu now display strikethrough original prices, highlighted special prices, and percentage off discount badges (-X%).
  • Added robust lazy loading for model/catalog/product and model/tool/image inside model helper methods to guarantee reliable price formatting.
v1.2.9 Official Release
  • Contact Studio Toggle Switches State Persistence (Admin Modal Fix):
  • Added hidden value="0" inputs for all Contact Studio toggle switches (show_map, show_address, show_social, show_form) to resolve the browser form serialization behavior where unchecked checkboxes are omitted from POST data.
  • Implemented strict server-side normalization (1 or 0) in admin controller and model saveItem when type = 'contact_form'.
  • Updated JavaScript editItem modal loader to evaluate explicit saved boolean states (parseInt(show_map) === 1) instead of resetting omitted values to defaults (true).
  • Added entity decoding for address_title, form_title, and submit_btn_text to eliminate double-encoded entities (&amp;).
  • Full SMTP & Native Mail Delivery for Interactive Contact Form:
  • Fixed OpenCart 4 \Opencart\System\Library\Mail instantiation by correctly supplying the $mail_option array in the constructor (new Mail($engine, $mail_option)), resolving the Error: SMTP hostname required! exception.
  • Added setReplyTo($email) header so store administrators can reply directly to the customer inquiry.
  • Included phone number, store details, and formatted inquiry body in notification emails.
  • Added item recipient email resolution with store default fallback and robust failover to PHP native mail().
  • Added missing language definitions text_contact_subject and error_contact_send in English and Polish.
v1.2.8 Official Release
  • In-Menu Interactive Subcategory Tabs:
  • Added dynamic subcategory tabs on the left column with smooth product pane switching inside the mega menu without leaving the page.
  • Hover or click on subcategories immediately updates the horizontal product scroll track and CTA link.
  • Edge-to-Edge Widescreen Covers (16:9 / 1.87):
  • Updated thumbnail generation to 320x171px and applied object-fit: cover with aspect-ratio: 16 / 9, removing white/grey bounding boxes.
  • Anti-Truncation Product Cards:
  • Expanded card width to 250px and enabled 3-line product titles (-webkit-line-clamp: 3; min-height: 3.5em;) to avoid clipping long extension titles.
  • Fullwidth Category View & Thumbnail Cards:
  • Eliminated left sidebar from category pages. Updated "Refine Search" to display modern cards with category thumbnails and item count badges. Enabled hierarchical product aggregation (filter_sub_category = true).
v1.2.7 Official Release
  • Horizontal Scrollable Product Strip (Category Showcase):
  • Integrated horizontal smooth-scrolling product track (.flx-products-scroll-track) with circular navigation arrow buttons (.flx-scroll-arrow-btn / window.flxScrollProducts), responsive touch-swipe support, discount badges, and instant AJAX add-to-cart.
  • Hierarchical Category Traversal (category_path):
  • Resolved empty dropdown issue when parent categories (like "Extensions" #66) with zero direct products are selected. Now traverses and queries all descendant subcategories (e.g. "OpenCart Extensions" #20) seamlessly.
  • Featured Products Prioritization:
  • Automatically queries the active featured module (opencart.featured) and sorts products so store featured extensions appear first, followed by the remaining items.
  • Admin Showcase Controls & Hand-Picked Product Picker:
  • Added configurable maximum product limit (1-50), sorting criteria selector, and hand-picked products multi-select picker with store products list.
  • Layouts Support (t1-t6):
  • Added full catalog template and model support for products_grid, banner components, and automatic subcategory tab fallback for tabbed_mega.
v1.2.6 Official Release
  • Continuous Inline Navbar Flow (Logo, Items, Search & Cart):
  • When the inline logo option is active, the logo is now rendered directly as the first <li> item in .flx-nav-list, seamlessly followed by navigation items, and terminating with search and shopping cart as the final <li> elements in a single, uninterrupted flex container.
  • Eliminated disjointed outer wrapper margins and justify-content: space-between splitting that previously isolated the logo on the far left and search/cart on the far right.
  • Contact Studio Width & Boundary Clamping:
  • Resolved severely squished Contact dropdowns on OpenCart 3 by setting robust min-widths (min(880px, 92vw) for 3-column layouts and min(650px, 92vw) for 2-column layouts) and column min-max constraints.
  • Updated positionDropdown in JavaScript with right-edge viewport boundary detection and intelligent leftward shifting, ensuring wide dropdowns never extend beyond the screen or collapse.
  • Universal Add to Cart Endpoint Resolution:
  • Fixed erroneous OpenCart 4 detection (html[dir] !== null) that caused OpenCart 3 storefronts to issue 404 POST requests to checkout/cart.add instead of checkout/cart/add.
  • Added dedicated data-cart-add-url attribute passed directly from catalog controllers to guarantee 100% accurate API routing.
  • Added full compatibility with Bootstrap 3 alerts, close buttons, and native #cart > ul cart updates.
  • OpenCart 3 Drag & Drop Ordering & Permission Self-Healing:
  • Fixed SortableJS reordering in OpenCart 3 admin by extracting element IDs with attr('data-id') and sending sanitized JSON payloads.
  • Added automatic self-healing permission granting in OpenCart 3 controller for Demonstration and Demo User groups.
v1.2.5 Official Release
  • Universal AJAX Add to Cart in Mega Menu (OC4 & OC3):
  • Implemented window.flxAddToCart(productId, quantity, btn) with spinner loading state, error alert handling, smooth auto-redirect for products with required options, and automatic instant refresh of both the OpenCart standard cart and Mega Menu live hover cart.
  • Added window.cart polyfill for OpenCart 4 compatibility, ensuring templates calling cart.add() execute smoothly without throwing ReferenceError: cart is not defined.
  • Added delegated click handlers and data-product-id attributes on all product card buttons in category and popular product showcases.
  • OpenCart 3 Admin Module Fatal Error 500 Fix:
  • Removed duplicate registerEvents, eventColumnLeft, and eventDashboard method declarations in ControllerExtensionModuleFlexextMegaMenu that caused fatal error Cannot redeclare ControllerExtensionModuleFlexextMegaMenu::registerEvents(), completely restoring the configuration interface in OpenCart 3 admin.
v1.2.4 Official Release
  • Gapless Hover Cart Dropdown with Grace Period:
  • Resolved abrupt cart menu disappearing when hovering off the button towards the item list.
  • Implemented gapless top: 100% positioning with internal padding and physical bridge ::before, plus a 280ms hover grace timer in JavaScript.
  • Added dedicated .flx-cart-dropdown-inner card wrapper with elevated shadows and rounded corners.
  • Advanced Animations, Configurable Delays & Click Trigger Fix:
  • Removed blocking :hover !important from Twig inline style that bypassed JavaScript open delays and forced opening even in Click mode.
  • Enabled active state gating via .flx-menu-active and .flx-open.
  • Implemented 6 full hardware-accelerated animations: fade_down, slide_down, zoom_in, flip_3d, bounce, and none.
  • Fully activated hover, hover_intent and click trigger modes with configurable Open Delay (0ms–300ms) and Close Delay (0ms–500ms).
  • Inline SVG Social Icons & Cart Remove Buttons:
  • Replaced FontAwesome font icons with clean inline SVG vectors for Facebook, Twitter/X, Instagram, YouTube, LinkedIn, Pinterest, and Cart Remove.
  • Completely resolved missing glyph rectangles with crosses on OpenCart 3 and eliminated font dependency issues.
v1.1.4 Official Release
  • Storefront Menu Override Fix (OpenCart 4 Event Pipeline):
  • Registered missing catalog/view/common/menu/after event (flexext_mega_menu_view) and catalog/view/common/header/before (flexext_mega_menu_header) in oc_event.
  • Updated eventViewMenu parameter signature to flexibly support both 3-parameter (&$route, &$data, &$output) and 4-parameter view events, guaranteeing the default OpenCart navbar is cleanly replaced by the Mega Menu on the storefront.
  • Implemented automatic self-healing event verification and registration in controller install() and index().
  • Drag & Drop Menu Hierarchy Reordering (SortableJS):
  • Integrated SortableJS on the admin menu tree container (#mega-menu-tree) with grab handles (.fa-grip-vertical).
  • Added real-time AJAX ordering endpoint (saveOrder) that automatically updates item sort orders in the database upon drop.
  • Added visual drag states, ghost styling, and live status toast notification.
  • Strict Commercial License Lock (Strict License Lock Policy):
  • Enforced strict license verification across admin and storefront:
  • Missing or tampered license keys (e.g. FLX-DEMO-VALID-KEY-202xxxxx) immediately trigger a prominent danger alert banner in the admin interface.
  • All menu configuration options, builder actions, switches, Add/Edit/Delete buttons, and drag-and-drop are completely disabled (disabled="disabled").
  • AJAX modification endpoints (saveItem, deleteItem, saveOrder, clearCache) strictly reject calls when unlicensed.
  • On the storefront, the menu is suppressed and will not render when an invalid or missing license key is detected.
  • FlexExt Common Sidebar Menu & Dashboard Hub Integration:
  • Added eventColumnLeft and eventDashboard methods hooking into flexext_menu and flexext_dashboard.
  • The module now automatically displays under the parent "FlexExt Extensions" menu in the admin sidebar and renders a quick configuration card on the admin dashboard.
v1.1.3 Official Release
  • Dynamic dropdown anchoring for multi-row navbars with Z-Index 1060 stacking.
v1.1.2 Official Release
  • Custom dropdown positioning under trigger items; squared edge design; multiline support; clean English titles.
v1.1.1 Official Release
  • Deduplication of menu items across multiple languages; hover intent / grace delay (200ms).
v1.1.0 Official Release
  • Vertical sidebar menu mode; mobile drawer; OpenCart 4 event pipeline integration.
v1.0.0 Official Release
  • Initial release of FlexExt Mega Menu Studio Pro for OpenCart 4.

Yes, FlexExt Mega Menu Studio Pro & Mobile Navigation Suite is officially built with dual-engine architecture natively supporting OpenCart 4 (4.0.0.0 through 4.1.0.0+) and OpenCart 3 (3.0.0.0 through 3.0.3.9+). Separate, optimized packages are provided for each platform.

Absolutely. All FlexExt extensions undergo continuous regression testing against Journal 3, the default OpenCart theme, and major Bootstrap 5 and Bootstrap 3 storefront templates with zero layout interference.

The extension supports PHP 7.4, 8.0, 8.1, 8.2, and 8.3. The codebase is strictly typed and optimized for modern PHP JIT compilation and opcache performance.

Upon purchasing the extension on flexext.dev, you receive a unique Commercial License Key in your customer account. Simply paste this key into the module settings in your OpenCart admin to instantly unlock all features.

Not at all. Performance is our primary benchmark. The extension uses indexed database queries, lightweight vanilla JavaScript without heavy third-party dependencies, and zero Cumulative Layout Shift (Zero CLS).

Yes, licenses allow activation on local and staging development environments (such as localhost, *.test, *.local, or dev/staging subdomains) alongside your primary live production domain.

No. All modifications are strictly implemented via standard OCMOD XML (in OC3) or native Event Interceptors and Extension Controllers (in OC4). Your core OpenCart system files remain 100% untouched.

Yes, 100%. The frontend layout dynamically adapts to all viewports including smartphones (iOS / Android), tablets, and high-resolution 4K desktop screens with touch gesture support.

You can download updated .ocmod.zip packages directly from your flexext.dev customer portal. Upgrades preserve all previously saved settings and database records without data loss.

Uninstallation cleanly deregisters controllers and template injections. Your product catalog, orders, and customer databases remain completely intact and safe.

Yes, full multi-store support is built into the architecture. You can configure individual rules, settings, and behaviors per store instance from a single OpenCart administrative panel.

Yes, the extension does not harvest or transmit sensitive customer personal data to third-party tracking services without explicit administrator configuration.

Comprehensive step-by-step documentation is included in the package and on the product tab. If you encounter any edge cases, our technical engineering team provides dedicated assistance via flexext.dev.

No. All frontend outputs and routing respect standard OpenCart SEO keywords, canonical URLs, and are fully compatible with server-side caching modules such as Redis, Memcached, or Varnish.

We stand behind our software with a 100% functionality guarantee. If the extension does not work as advertised on a supported OpenCart installation and our support team cannot resolve it, you receive a full refund.