# Установил Multi-level menu, но оно не работает

Если в вашем магазине после установки приложения "Multi-level menu" меню не появилось, то на это есть 2 причины:

1. Вы недавно запустили интернет-магазин.
2. Вы недавно перешли на новый дизайн стартового сайта Ecwid (Рис. 0), который появился в начале 2021 года.

<figure><img src="https://1107142492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPi0svwcOAtZ83iMf02nY%2Fuploads%2FHu9Cc2vZtI8F7GLYtmRa%2F0.png?alt=media" alt=""><figcaption><p><em>Рис. 0</em></p></figcaption></figure>

В 1 и 2 случаях наше меню автоматически не может появиться, потому что в новом дизайне Эквид на стартовом сайте выключены все скрипты.

Для отображения multi-level menu в магазине нужно добавить скрипт на главную страницу.

### **1. Копируем скрипт** <a href="#ybdttiu8uov3" id="ybdttiu8uov3"></a>

1. Переходим в настройки Multi-level menu\
   \&#xNAN;*Каталог > Multi-level menu > Menu widget > Widget HTML code*
2. В открывшемся блоке копируем весь код. (Рис. 1)

<figure><img src="https://1107142492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPi0svwcOAtZ83iMf02nY%2Fuploads%2F0zj7eogzlteiDQsVqNaQ%2F1.png?alt=media" alt=""><figcaption><p><em>Рис. 1</em></p></figcaption></figure>

### **2. Добавляем скрипт в нужный блок.** <a href="#dzq8ubm1tn5q" id="dzq8ubm1tn5q"></a>

1\. Переходим в блок "Мета-теги для верификации сайта". Используем путь *Сайт > SEO > Мета-теги* для верификации сайта и нажимаем на кнопку "добавить код". (Рис. 2.)

<figure><img src="https://1107142492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPi0svwcOAtZ83iMf02nY%2Fuploads%2F5fQuWBttPpKE05VQfQHX%2F2.png?alt=media" alt=""><figcaption><p><em>Рис. 2</em></p></figcaption></figure>

2\. На Рис. 2 показан пример как будет выглядеть блок "Мета-теги для верификации сайта" если в нем нет никакого кода. Если в этом блоке уже есть какой-то код, то наш код мы прописываем в самом низу, после существующего кода. (Рис. 2.1.)

<figure><img src="https://1107142492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPi0svwcOAtZ83iMf02nY%2Fuploads%2F4qoJuefSRV4ZNRzONIzc%2F3.png?alt=media" alt=""><figcaption><p><em>Рис. 2.1</em></p></figcaption></figure>

3\. Сохраняем настройки.

4\. Если в блоке "Мета-теги для верификации сайта" добавлен только наш скрипт, то блок должен выглядеть как на Рис. 3.

![Рис. 3](https://1107142492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPi0svwcOAtZ83iMf02nY%2Fuploads%2FNFLnHJlzzVYryGpSrYN5%2F4.png?alt=media)

4\. Если в блоке "Мета-теги для верификации сайта" ранее был добавлен другой скрипт, то блок должен выглядеть как на Рис. 3.1.

![Рис. 3.1](https://1107142492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPi0svwcOAtZ83iMf02nY%2Fuploads%2FMdmJwRpQl9RQVqnUyI1X%2F5.png?alt=media)

### **3. Проверяем список контейнеров** <a href="#xo2d5zmpirty" id="xo2d5zmpirty"></a>

Меню может не загрузиться в новом дизайне, потому что в блоке Параметры совместимости > Контейнер могут быть прописаны контейнеры от старой темы дизайна.

Для проверки списка контейнеров переходим Параметры совместимости > Контейнер (Рис.4.)

<figure><img src="https://1107142492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPi0svwcOAtZ83iMf02nY%2Fuploads%2F5HU5rb1o8Q68LJBzL1I7%2F6.png?alt=media" alt=""><figcaption><p><em>Рис. 4</em></p></figcaption></figure>

* Список контейнеров **для старого дизайна**: .starter-site .body .menu, .ecwid-productBrowser (Рис. 4.)
* Список контейнеров **для нового дизайна**: #ec-instantsite .ins-tile--header, .starter-site .body .menu, .ec-static-container, .ecwid-productBrowser (Рис. 4.1.)

![](https://1107142492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPi0svwcOAtZ83iMf02nY%2Fuploads%2FSAWrsNYNsOMQfgfKxQs2%2F7.png?alt=media)

*Рис. 4.1.*

Если вы проверили список контейнеров и в блоке "Контейнер" прописан список от старого дизайна, то вам нужно скопировать список для нового дизайна и добавить его в блок "Контейнер". Нажать на кнопку "Сохранить параметры".

### **4. Переходим на страницу магазина и проверяем работу меню.** <a href="#u5firasvw87u" id="u5firasvw87u"></a>

После сохранения настроек идем на страницу магазина и проверяем загрузку multi-level menu, обновляем страницу.

Если после обновления Multi-level menu у вас не появилось, значит у вас где-то сделана ошибка, вернитесь в начало и еще раз внимательно пройдитесь по вышеперечисленным шагам.

### **Проверьте по списку ниже, все ли настройки в Multi-level menu вы сделали?** <a href="#hqyl35wuc4m5" id="hqyl35wuc4m5"></a>

1\. [В мобильной версии перед загрузкой Multi-level menu скрыть стандартное Ecwid меню (кнопка бургер)](https://help.kinvasoft.com/article/4353)

2\. [В десктопной версии перед загрузкой меню скрыть стандартное Ecwid меню](https://help.kinvasoft.com/article/4355).