Перейти к содержимому


Фото
- - - - -

меню симпла


  • Чтобы отвечать, сперва войдите на форум
6 ответов в теме

#1 sansara0891

sansara0891
  • Пользователь
  • 109 сообщений
  • Откуда:Minsk

Опубликовано 08.02.2018 - 21:00

Здравствуйте. Пытаюсь сделать у себя адаптивный шаблон. Есть меню боковое с выпадающими подкатегориями при наведении мышки. В мобильной версии хочу сделать, чтобы подкатегории появлялись при клике на основную категорию. Использую другой тип меню, скрываю основной с помощью hidden-xs, но проблема в том ,когда два меню задействовано, ни одно не подхватывает ни стили, ни js. Может подскажите как быть? Описал суть наверное не очень точно, извините)   



#2 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 6 586 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 08.02.2018 - 21:04

Описал суть наверное не очень точно, извините)

Не наверное а ТОЧНО да, извините но тут не форум экстрасенсов.

#3 sansara0891

sansara0891
  • Пользователь
  • 109 сообщений
  • Откуда:Minsk

Опубликовано 08.02.2018 - 21:14

Не наверное а ТОЧНО да, извините но тут не форум экстрасенсов.

Извините, на локалке сайт. ВОт скриншоты, хочу чтобы подкатегории в мобильной версии разворачивались при клике. Наткнулся на шаблон на форуме http://templates.chocolatemol.es/demo/ , вот по типу такого меню. Скажите, каким образом его реализовать, дайте пару подсказок) А то я пытаюсь сделать на пк одно меню, на мобильном оно скрывается и появляется совсем другой тип меню

Прикрепленные файлы:



#4 mishanya

mishanya
  • Фрилансер
  • 2 547 сообщений
  • Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Ukraine

Опубликовано 09.02.2018 - 13:56

вы можете не превращать все темы на форуме в срач. чесно говоря подзаебало уже

 

 

Здравствуйте. Пытаюсь сделать у себя адаптивный шаблон. Есть меню боковое с выпадающими подкатегориями при наведении мышки. В мобильной версии хочу сделать, чтобы подкатегории появлялись при клике на основную категорию. Использую другой тип меню, скрываю основной с помощью hidden-xs, но проблема в том ,когда два меню задействовано, ни одно не подхватывает ни стили, ни js. Может подскажите как быть? Описал суть наверное не очень точно, извините)   

 

посмотрите, может у вас одинаковые id у этих меню, поэтому js и не работает.


Изменено: mishanya, 09.02.2018 - 13:57


#5 sansara0891

sansara0891
  • Пользователь
  • 109 сообщений
  • Откуда:Minsk

Опубликовано 09.02.2018 - 16:30

вы можете не превращать все темы на форуме в срач. чесно говоря подзаебало уже

 

 

 

посмотрите, может у вас одинаковые id у этих меню, поэтому js и не работает.

Вот код основного меню 

<div id="lifted">					
{* Рекурсивная функция вывода дерева категорий *}
{function name=categories_tree}
{if $categories}
<ul class="menu_vert">
{foreach $categories as $c}
{* Показываем только видимые категории *}
{if $c->visible}
<li>
{if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name}" style="float: left;padding: 5px 0 0 5px;">{/if}
<a  href="catalog/{$c->url}" data-category="{$c->id}">{$c->name}</a>

{categories_tree categories=$c->subcategories}
</li>
{/if}
 
{/foreach}
 
</ul>
{/if}
{/function}
{categories_tree categories=$categories}
 
</div>

А вот меню мобильного 

				
<!-- Меню каталога -->
<div id="catalog_menu">
			
{* Рекурсивная функция вывода дерева категорий *}
{function name=categories_tree}
{if $categories}
{foreach $categories as $c}
{* Показываем только видимые категории *}
{if $c->visible}
<li>
{if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name}" style="float: left;padding: 5px 0 0 5px;">{/if}
<a href="catalog/{$c->url}" data-category="{$c->id}" {if $category->id == $c->id}class="active"{/if}>{$c->name}</a>
{if $c->subcategories}
<ul>
{categories_tree categories=$c->subcategories}
</ul>
{/if}
</li>
{/if}
{/foreach}
{/if}
{/function}
<ul class="accordion" id="accordion-1">
{categories_tree categories=$categories}
</ul>
</div>
<!-- Меню каталога (The End)-->

Если вместе на странице их размещать, то оба не подхватывают ни стилей, ни js.



#6 mishanya

mishanya
  • Фрилансер
  • 2 547 сообщений
  • Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Ukraine

Опубликовано 09.02.2018 - 16:33

нельзя две ф-и с одинаковым названием ставить {function name=categories_tree}



в мобильном меню переназвите ф-ю



#7 sansara0891

sansara0891
  • Пользователь
  • 109 сообщений
  • Откуда:Minsk

Опубликовано 09.02.2018 - 16:54

нельзя две ф-и с одинаковым названием ставить {function name=categories_tree}



в мобильном меню переназвите ф-ю

Спасибо) всё получилось)






0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых