Перейти к содержанию
Официальный форум поддержки Simpla

Рекомендуемые сообщения

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

 

	<div class="collapse navbar-collapse js-navbar-collapse">
	{function name=categories_sub}	
		{if $level<2}
		<ul class="nav navbar-nav">
			{if $categories}
		    	{foreach $categories as $c}
					<li class="dropdown mega-dropdown">
						<a {if $category->id == $c->id}class="selected"{/if} href="catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>				
						<ul class="dropdown-menu mega-dropdown-menu">
							<span class="col-sm-9 mega-menu">

								<h2>{$c->name|escape}</h2>

							
								<li class="col-sm-3" >
									<ul>
										<li>
											<a {if $category->id == $c->id}class="selected"{/if} href="catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
				    						{categories_sub categories=$c->subcategories level=$level+1}
										</li>
									</ul>
								</li>
							
							</span>	


							</span>	

							<span class="col-sm-3">
								<li class="images-category">
									
									{if $c->image}
										<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name}" title="{$c->name}" class="img-rounded col-xs-3 col-sm-3 col-md-12 col-lg-12">
									{/if} 
									
								</li>
							</span>	
						</ul>	
		            </li>
		    	{/foreach} 	
			{/if}        
		</ul>
		{/if}
	{/function}	
	{categories_sub categories=$category->subcategories level=0}	
        <ul class="nav navbar-nav navbar-right">
        	<li><a href="#">My cart (0) items</a></li>
      	</ul>

	</div><!-- /.nav-collapse -->

а вот сома проблема стили бешено дублируются, ul - ов а li немереное количество, как блинов на масленицу, они прям не кончаются.

все должно было закончиться после:
 

<li class="col-sm-3" >...
   <ul>....
     <li>....

а оно вон че вытворяет !

 

Ссылка на сообщение
Поделиться на другие сайты

 

<ul class="nav navbar-nav">

попробуйте вынести за ф-ю. он должен повторятся только 1 раз.

 

Один обезврежен, заметил что он еще и в выпадающем тянет имя родителя и ставит его в ряд с под.кат. 

 

Ссылка на сообщение
Поделиться на другие сайты

так и будет. я уже вам писал об этом. дочерний элемент может наследовать стили родителя. чтобы этого небыло можно назначить конкретно ul>li например, это будет значить что стиль будет только для элемента списка первой вложенности

Ссылка на сообщение
Поделиться на другие сайты

так и будет. я уже вам писал об этом. дочерний элемент может наследовать стили родителя. чтобы этого небыло можно назначить конкретно ul>li например, это будет значить что стиль будет только для элемента списка первой вложенности

 

 

Прошу прощения, а где писали ? и не совсем понял "можно назначить конкретно ul>li" где назначить ? 

Ссылка на сообщение
Поделиться на другие сайты

 

 

Прошу прощения, а где писали ? и не совсем понял "можно назначить конкретно ul>li" где назначить ? 

 

тут писал о вложенности. посмотрите наследование стилей в интернете

Ссылка на сообщение
Поделиться на другие сайты

Михаил, я уже делал так я весь день эти статьи верчу, пробую различные комбинации, проблема в том что без моих стилей все работает корректно, но только я пытаюсь натянуть стили на эти коды случается вот такой вот буер с ul. li по теории все верно а на практике не работает 

Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...