@ubertheme/mega-menu

UB Mega Menu Module for Magento PWA Studio

Usage no npm install needed!

<script type="module">
  import uberthemeMegaMenu from 'https://cdn.skypack.dev/@ubertheme/mega-menu';
</script>

README

UB Mega Menu extension for Magento PWA Studio

What is UB Mega Menu?

UB Mega Menu is a ready React and GraphQL based module that helps you create a flexible mega menu for a PWA Studio storefront built using Magento PWA Studio. The module uses PWA Studio’s libraries -- GraphQL, React and many other technologies as part of its stack.

Prerequisites

  • Magento (v2.4.1 or above) Backend with UB MegaMenuGraphQl installed
  • A Storefront or PWA project based on PWA Studio v9.0.0 or above.

Extension options:

props type default value
menuKey string true

Installation:

1. Adding dependency

yarn add @ubertheme/mega-menu

2. Wrap the module in your local-intercept.js file

/**
 * Integration of UB MegaMenu
 */
const {
    wrapUBMegaMenuTargetable
} = require('@ubertheme/mega-menu/src/targets');
wrapUBMegaMenuTargetable(targetables, {
    menuKey: 'main-menu',
});

3. Re-build your PWA project