Меню категорий в мобильной версии Есть решение

Question

Меню категорий в мобильной версии Есть решение

Язаджи Вячеслав

21 октября 2017

1

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

Как сделать раскрытым исходно?

3 ответа

Владимир Сергеев

Разработчик

Решение

21 октября 2017 11:29

1
Откройте приложение Сайт - блоки - создайте новый блок с именем prostore.scripts.
Подробнее об этом блоке можно узнать здесь.
В данный блок вставьте следующий код:
```
<script>
$(window).load(function() {
if ($(window).width() < 767) {
  $('.top-navbar-2 .menu_toggler').trigger('click');
}
});
</script>
```
Код выше означает следующее: после того как документ готов, если ширина окна менее 767px (всё, что уже – это мобильные устройства), то имитируем клик по кнопке, раскрывающей каталог товаров.
ответить
- Язаджи Вячеслав
  
  Решение
  
  21 октября 2017 11:51
  
  1
  
  Код на странице появился, но открытия не происходит, почему это может быть?
  
  ответить
  - Владимир Сергеев
    
    Разработчик
    
    Решение
    
    21 октября 2017 12:09
    
    1
    
    Киньте ссылочку. Нужно посмотреть.
    
    ответить
    - Язаджи Вячеслав
      
      Решение
      
      21 октября 2017 12:10
      
      1
      
      https://delalux.ru/
      
      ответить
      - Владимир Сергеев
        
        Разработчик
        
        Решение
        
        21 октября 2017 12:20
        
        1
        
        У вас отличный сайт!
        Хотите размещу его в примерах?
        
        ответить
        
        Язаджи Вячеслав
        
        Решение
        
        21 октября 2017 12:24
        
        1
        
        Спасибо) Правда,-- это практически чистый шаблон)))) Так что это у вас отличный шаблон) Вот еще один сайт на вашем шаблоне: stroyholl.ru. Размещайте, если необходимо.
        
        ответить
        
        Владимир Сергеев
        
        Разработчик
        
        Решение
        
        21 октября 2017 12:34
        
        1
        
        Это приятно слышать! =)
        Спасибо! Размещу тогда оба.
        Вот только пара рекомендаций.
        На делалюксе в примерах поисковых запросов в шапке слова, начинаются со скобки. Может ввести в заблуждение.
        Удалите список товаров из примеров, а запишите просто в заголовок примеры запросов. Подробнее об этом недавно отвечал здесь.
        А на стройхолле меню товаров идёт на две строки. Видимо вы включили соответствующую настройку. Я бы рекомендовал включить выравнивание данного меню по середение, а не по левому краю, тогда вторая строка будет смотреться гораздо лучше.
        Сейчас:
        Если включите по середине:
        Ну или вообще бы отключил опцию показа меню на две строки.
        
        ответить
        
        Язаджи Вячеслав
        
        Решение
        
        21 октября 2017 12:42
        
        1
        
        Спасибо! Очень своевременно, я как раз этими скобками озадачился! В теме очень много возможностей, которые не сразу замечаешь.
        
        ответить
  - Владимир Сергеев
    
    Разработчик
    
    Решение
    
    21 октября 2017 12:15
    
    1
    Вижу, что код вставлен корректно.
    Значит нужно ещё "подождать".
    Замените
    $(document).ready(function() {
    на
    $(window).load(function() {
    В исходном комментарии код поправил.
    ответить
- Valencia
  
  Решение
  
  23 ноября 2017 17:55
  
  1
  
  Владимир, здравствуйте!
  Хотела повторить, но почему-то не получилось развернуть каталог в мобильной версии.
  www.gauditoys.ru
  Скажите, можно ли с полосочкам каталога добавить слово "каталог". Три дня назад запустила сайт. Уже получила несколько жалоб от клиентов, что в мобильной версии они не смогли найти Каталог на сайте.
  С уважением,
  Валентина
  
  ответить
  - Владимир Сергеев
    
    Разработчик
    
    Решение
    
    23 ноября 2017 18:16
    
    1
    
    Валентина, вы спрашиваете о значке мобильного сайдбара.
    Рядом с иконкой вызова сайдбара на мобильных устройствах (полосочки), к сожалению, нельзя ничего дописать.
    Да это и не сам каталог, а целый сайдбар. У вас там кроме каталога много чего есть.
    Каталог обычно отображают в нижней панели шапки, которая у вас отключена.
    Включите её в настройках темы.
    
    Что касается цветов, то, действительно, кнопку вызова сайдбара плохо видно.
    Я рекомендую сменить цветовую схему для сайдбара на мобильных устройствах. Светлый на светлом не очень заметен.
    
    Также рекомендую сменить цветовую схему для подложек описания товаров. Ну или хотя бы изменить цвет шрифта.
    Это меняется здесь:
    
    ответить
Владимир Сергеев

Разработчик

Решение

6 июля 2018 21:53

1
Если каталог должен быть раскрыт только на главной странице, то код будет такой:
```
<script>
{if $wa_url == $wa->currentUrl()}
    $(window).load(function() {
        if ($(window).width() < 767) {
          $('.top-navbar-2 .menu_toggler').trigger('click');
        }
    });
{/if}
</script>
```
ответить
- Ольга
  
  Решение
  
  20 марта 2019 01:52
  
  1
  
  здравствуйте, вставил этот код в блок prostore scripts, но каталог автоматически не раскрывается
  
  ответить
  - Владимир Сергеев
    
    Разработчик
    
    Решение
    
    20 марта 2019 16:10
    
    1
    
    Здравствуйте!
    Такое ощущение, что у вас там {literal}'ом заэкранированы smarty теги.
    Уберите теги {literal} {/literal}.
    
    ответить
    - Ольга
      
      Решение
      
      21 марта 2019 01:38
      
      1
      
      спасибо!
      
      ответить

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

Язаджи Вячеслав · Answer 1

Язаджи Вячеслав

Решение

21 октября 2017 12:19

1

Благодарю, Владимир! Работает отлично)

ответить