[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

OpenCart 2.x Решение проблем. Пользовательские меню не работают на мобильных устройствах

Из этого туториала Вы узнаете, как решить проблему с пользовательскими меню, которые не отображаются на мобильных устройствах в шаблонах на основе OpenCart 2.

OpenCart_2_Troubleshooter_Custom_menus_do_not_work_on_mobile_1

Туториал подразумевает, что Вы уже добавили пользовательскую ссылку в меню категорий, и она не отображается на мобильных устройствах:

OpenCart_2_Troubleshooter_Custom_menus_do_not_work_on_mobile_2

  1. Перейдите на ваш сервер, используя любой клиент ftp или Файловый менеджер, предоставленный вашим хостом;

  2. Перейдите в папку /catalog/view/theme/themeXXX/js/ (где XXX — это номер вашего шаблона);

  3. Откройте файл /script.js/ для редактирования;

  4. Вы можете добавить пользовательские ссылки в категории мобильного меню при помощи jQuery. Добавьте следующий фрагмент кода в конец файла:

    $(window).load(function () {
    	$(".rd-mobilemenu_ul").append('<li><a href="http://www.google.com">TEST</a></li>');
    });

    Здесь http://www.google.com — это любая нужная Вам пользовательская ссылка, а TEST — это название вашего элемента меню;

  5. Сохраните изменения. Проверьте ваш сайт, используя мобильное устройство. (Вы можете включать и отключать режим устройства, используя сочетание клавиш: Ctrl+Shift+M). Новый элемент меню отображается.

    OpenCart_2_Troubleshooter_Custom_menus_do_not_work_on_mobile_3

Вы можете также ознакомиться с детальным видео-туториалом ниже:

OpenCart 2.x. Решение проблем. Пользовательские меню не работают на мобильных устройствах