Сообщений в теме: 10

[Teraweb2000]

Всплывающее левое меню каталога. Помогите сделать.

[Teraweb2000]

Есть варианты?

[Firefly]

Teraweb2000 (02 Октябрь 2015 - 15:06) писал:

Есть варианты?

Здравствуйте.
Уточните, пожалуйста, на каком номере аккаунта требуются данные изменения, а так же укажите поподробнее (желательно на примере), как это должно работать.

[Teraweb2000]

300930  а работать должно как здесь lanset. ru

[Vaccina]

В шаблоне HTML найдите:

<!-- Каталог сайта -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог продукции</a></div>
	  <div class="blockmain navigation fnt12n">
		<ul>
		{% IFNOT catalog_empty %}
		  {% FOR catalog %}
			{% IFNOT catalog.HIDE %}
			  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}{% IF catalog.NAME=РАСПРОДАЖА %}style="color:red; font-weight:bold;"{% ENDIF %}">{catalog.NAME}</a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
		</ul>
	 
</div>

замените на:

<!-- Каталог сайта -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог продукции</a></div>
	  <div class="blockmain navigation fnt12n">
		{%IFNOT catalog_full_empty%}
		 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
				 <li class="{% IF catalog_full.LEVEL>0%}incat{% ENDIF %} {% IF catalog_full.CURRENT %}fnt12b{% ENDIF %}
						 level{catalog_full.LEVEL}
						 nav-{catalog_full.index}
						 {% IF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
						 {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
				 ">
						 <a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
		 {%ENDFOR%}
{%ENDIF%}
</div>

В конец main.js пропишите:

$(document).ready(function(){
// Действие при наведении на меню категорий, для возможности отображения вложенного подменю
$('#nav li').hover(
		 function () {
				 $(this).addClass('over');
		 },
		 function () {
				 $(this).removeClass('over');
		 }
);
});

В конец main.css пропишите:

#nav{padding:0 0 32px 7px; margin:0; font-size:20px;}/* Все уровни */
#nav li { text-align:left; position:relative; }
#nav li.over { z-index:999; }
#nav li.parent {}
#nav li a { display:block; text-decoration:none; }
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav li ul a span { white-space:normal; }
/* 1й уровень вложенности */
#nav li {}
#nav li a{padding:0 0 0; font-weight:bold; color:#CDCDCD; line-height:normal;}
#nav li a:hover { color:#333333; }
#nav li.over a,
#nav li.active a { color:#333333; }
/* 2й уровень вложенности */
#nav ul { position:absolute; width:15em; top:0px; left:-10000px; border:0; padding:0; background:#B2B2B2; font-size:12px;}
#nav ul li { float:none; border-bottom:1px solid #FFF; }
#nav ul li.last { border-bottom:0; }
#nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#050505 !important; }
#nav ul li a:hover { color:#FFF !important; background:#333333; }
#nav ul li.active a,
#nav ul li.over a { color:#FFF !important; background:#333333; }
/* 3й и последующие уровни... Можно писать таких стилей сколько угодно, до бесконечности... */
#nav ul ul { top:0px; }
/* Видимое меню */
#nav li.over ul { left:200px; }
#nav li.over ul li.over ul { left:15em; }
#nav li.over ul ul { left:-10000px; }
#nav li.over .indent-class{margin-left:230px;}
/********** Navigation > */

[Teraweb2000]

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

[Teraweb2000]

Поможет кто нибудь?

[Teraweb2000]

Помогите. Очень надо!!!!

[Teraweb2000]

Актуально.

[Vaccina]

Простите за ожидание, на самом деле он работает, только скрывается, в main.css найдите примерно следующий блок:

#left .block .navigation ul li, #right .block .navigation ul li {
	background: url("/block-main-nav-bg.jpg?design=plastic") no-repeat;
	width: 223px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #E2E2E2;
	overflow: hidden;
}

в нем удалите: overflow: hidden;

[Teraweb2000]

Vaccina (15 Октябрь 2015 - 05:04) писал:

Простите за ожидание, на самом деле он работает, только скрывается, в main.css найдите примерно следующий блок:

#left .block .navigation ul li, #right .block .navigation ul li {
background: url("/block-main-nav-bg.jpg?design=plastic") no-repeat;
width: 223px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #E2E2E2;
overflow: hidden;
}

в нем удалите: overflow: hidden;

СПАСИБО!!!