Merge pull request #343 from Oksydan/preparation-for-new-menu-module

Changes to theme in preparation for new menu module

Author: Oksydan

_dev/css/theme/components/_index.scss

@@ -2,7 +2,6 @@
 @import "customer/index";
 @import "cart/index";
 @import "cms/index";
-@import "menu/index";
 @import "404/index";
 @import "newsletter/index";
 @import "homeslider/index";

_dev/css/theme/components/menu/_index.scss

@@ -1,5 +1,4 @@
 import { DOMReady } from '../../../utils/DOM/DOMHelpers';
-import useTopMenu from './useTopMenu';
 import useStickyElement from '../useStickyElement';
 
 const initStickyHeader = () => {
@@ -14,8 +13,5 @@ const initStickyHeader = () => {
 };
 
 DOMReady(() => {
-  const { init: initTopMenu } = useTopMenu('.js-main-menu');
-
-  initTopMenu();
   initStickyHeader();
 });

_dev/css/theme/components/menu/_mainmenu.scss

@@ -57,12 +57,14 @@ global_settings:
      - is_shoppingcart
      - is_imageslider
      - is_searchbar
+     - is_mainmenu
    to_disable:
      - blockreassurance
      - ps_searchbar
      - ps_shoppingcart
      - ps_imageslider
      - blockwishlist
+     - ps_mainmenu
   hooks:
     modules_to_hook:
       displayNav1:

_dev/js/theme/components/header/index.js

@@ -56,7 +56,7 @@
                                     href="#"
                                     role="button"
                                     data-bs-toggle="offcanvas"
-                                    data-bs-target="#mobile_top_menu_wrapper"
+                                    data-bs-target="#mobile_menu_offcanvas"
                             >
                                 <div class="header-top__icon-container">
                                     <span class="header-top__icon material-icons">menu</span>

_dev/js/theme/components/header/useTopMenu.js

@@ -1,6 +1,4 @@
 
 {include file="_partials/modal-search.tpl"}
 
-{include file="_partials/modal-menu.tpl"}
-
 {include file="_partials/modal-filters.tpl"}

config/theme.yml

@@ -120,6 +120,8 @@
       {include file="_partials/page-loader.tpl"}
     {/block}
 
+    {hook h='displayMobileMenu'}
+
   </body>
 
 </html>