Выпадающее меню когда много подкатегорий

1

у нас в магазине http://d1350.com/ много подкатегорий, если использовать стандартные менюшки из набора шаблонов, то втыкаемся в такую проблему: категории уходят далеко за пределы экрана, а у пользователей не всегда хватает ума прокрутить экран - как итог, потерянные клиенты.

Вот хотелось бы видеть менюшки выпадающие (и/или не только) которые рассчитаны на большое количество категорий. в прошлой версии шопскрипта мы реализовали это как выпадающее меню с прокруткой, может стоит и с этой версии реализовать такое? я пока не нашол красивого решения этой проблемы и не могу перейти на новый движок http://d1350.com/new/

может кто подскажет как победить это меню...

5 комментариев

  • +1

    Используйте тему дизайна без выпадающего меню. С боковым, например.

    • +1
      Demon13 Demon13 17 декабря 2015 05:57 #

      так получается еще хуже:

      1)если сделать статический, т.е. просто развернуть дерево категорий - выйдет длииииннннноооооееее дерево

      2)если сделать "выезжающие", то фик ты прокрутиш: просто неудобно, чуть сдвинул мышку за пределы меню и оно спряталось...

    • +1

      Не уверен что правильно понял вашу проблему, но как вариант: отобранным руками категориям проставить какой-либо определенный доп.параметр и подкрутить шаблон темы т.о., чтобы отображались только эти категории (у которых стоит эитот доп.параметр), а рядом/ниже большую яркую кнопку, мол посмотреть все категории. Ну а все категории уж разместить на какой-нить странице куда и отправлять пользователя по нажатии той кнопки.

      • +1
        Demon13 Demon13 17 декабря 2015 06:32 #

        Это сложно: есть вариант который работал и проверенный :)

        http://d1350.com/ меню Ваш Авто или Мото:

      • +1
        Demon13 Demon13 22 декабря 2015 06:46 #

        Решил задачу вот таким способом:


        {$categories = $wa->shop->categories(0, 1, true, true)}
        {foreach $categories as $tc_id => $top_category}
        	<select style="width: 180px; color: #FFFFFF;background: #222; float:right;" id="brend" name="q" onchange="window.location=this.value">
        	<option>{$top_category.name|escape}</option>
        	{foreach $top_category.childs as $child_category name=child_categories}
        		<option value={$child_category.url}>{$child_category.name|escape}</option>
        	{/foreach}
        	</select>
        <div style="clear:both;width: 100%;height: 25px;"></div>
        {/foreach}

        Получилось вот такое ниспадающее меню:


        Добавить комментарий

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