Исчезло мобильное меню Есть решение

Люди добрые помогите советом. Пропало мобильное меню. 

Сидел заполнял карточки товаров, решил добавить видео. Webasyst вывел предупреждение:

Если вы указали адрес видео на YouTube или Vimeo, но не видите этого видео на страницах товаров на витрине, вам необходимо добавить в шаблон дизайна product.html код для отображения видео (код появился при обновлении до Shop-Script 7). Подробная инструкция: https://www.shop-script.ru/help/12167/add-new-features-7/

Почитал раздел по поводу интеграции видео.. у себя таких кодов не нашел, поэтому вместо замены просто добавил новые коды в указанные файлы. Встало криво, поэтому все стер, оставил только кусок касающийся видео

{$video = $product->video} {if $video}    <div id="video-container" class="video-container" itemprop="video" itemscope itemtype="http://schema.org/VideoObject">        <div itemprop="embedHTML">            <iframe src="{$video.url}" width="{$video.width}" height="{$video.height}" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>        </div>        <meta itemprop="width" content="{$video.width}">        <meta itemprop="height" content="{$video.height}">    </div> {/if}

 

Встроил его в product.html между блоками ВКЛАДКИ и РЕКОМЕНДУЕМЫЕ. Видео встроилось нормально, отображалось в описании товара в самом низу, под текстом. Решил проверить как смотрится в мобильной версии и обнаружил, что мобильная версия не откликается на кнопку меню.

Соответственно полез смотреть, что могло измениться.. файл с css вернул к первоначальному виду, как было до этого, когда все работало, js/product.js откатил до первоначальной версии, на всякий случай откатил до первоначальной версии даже product.html, но меню все равно не откликается.

Стал искать где располагается сама ссылка на меню.

Залез в header-mobile.html, там есть код меню:

{********* МЕНЮ / MENU ****************}
<li>
<a href="javascript:void(0)" id="toggleMobileMenu">
<i class="mi mi-menu mi-24"></i>
</a>
</li>

Сверил его с оригиналом, все верно.

Но меню при этом все равно не работает.

Что могло съехать?

Откатываться до вчерашнего бэкапа очень не хотелось бы, ибо много данных за сегодня успел внести. Да и важно понять откуда косяк затесался при учете, что все встроенные сегодня коды я вытер..

1 ответ

  • 1
    Михаил Ушенин Webasyst 2 октября 2018 15:47 # Решение

    Попробуйте очистить кеш браузера и Вебасиста.

    • +1
      Алексей Бухтеев Алексей Бухтеев 2 октября 2018 15:51 #

      Кэш браузера конечно же чистил, не помогло. Кэш вэбасиста тоже почистил. Реакция нулевая.

      Кстати, что касается JS скрипта, на который ссылается меню, то там на первый взгляд тоже все в порядке:

      WA_THEME.mobileMenu = library(function () {
      var toggleSelector = "#toggleMobileMenu",
      coverClass = "cover",
      openClass = "is-open";
      var toggleMenu = function () {
      $(".mobileMenu").toggleClass(openClass);
      $(".wrapper").toggleClass(openClass);
      if ($("." + coverClass).length) {
      $("." + coverClass).remove();
      } else {
      $(".wrapper").append("<div class='" + coverClass + "'></div>");
      }
      };
      return {
      name: "MOBILE MENU",
      init: function () {
      $(toggleSelector).click(function () {
      toggleMenu();
      });
      $(document).on("click", "." + coverClass, function () {
      toggleMenu();
      });
      }
      };
      }());

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите