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

[yamamoto]

1. Сделал на сайте выплывающее левое меню. в firefox -  по умолчанию выделен первый пункт второго уровня, в chrome меню сдвинуто вниз и на него проблематично перейти, в ie меню перекрывает слайдер и на него невозможно перейти. как устранить эти недочеты?
2 второй вопрос - как сделать второй уровень меню ближе к первому, для более комфортного перехождения с 1-го на 2-й? как впринципе возможно сделать этот переход более комфортным?
3 возможно ли третий уровень сделать в 2 столбца, чтобы не скролить вниз? и как третий уровень сдвинуть вправо?
Аккаунт SL-151311

[miyako]

yamamoto (03 Октябрь 2013 - 00:22) писал:

1. Сделал на сайте выплывающее левое меню. в firefox -  по умолчанию выделен первый пункт второго уровня, в chrome меню сдвинуто вниз и на него проблематично перейти, в ie меню перекрывает слайдер и на него невозможно перейти. как устранить эти недочеты?
2 второй вопрос - как сделать второй уровень меню ближе к первому, для более комфортного перехождения с 1-го на 2-й? как впринципе возможно сделать этот переход более комфортным?
3 возможно ли третий уровень сделать в 2 столбца, чтобы не скролить вниз? и как третий уровень сдвинуть вправо?
Аккаунт SL-151311

Найдите код в main.css -

#nav ul { position:absolute; width:22em; top:0px; left:-8000px; border:0px; padding:0; background:#fcf8b0; font-size:12px;}

и замените на  -

#nav ul { position:absolute; width:22em; top:-25px; left:-8000px; border:0px; padding:0; background:#fcf8b0; font-size:12px;margin-left:-15px;}

Далее найдите код -

#nav ul ul { top:0px;position:absolute; width:20em; top:0px; left:-10000px; border:0; padding:0px 0 0; background:#663300; font-size:12px; }

и замените на -

#nav ul ul { top:0px;position:absolute; width:20em; top:0px; left:-10000px; border:0; padding:0px 0 0; background:#663300; font-size:12px;margin-left:83px; }

[yamamoto]

miyako (03 Октябрь 2013 - 09:07) писал:

Найдите код в main.css -

#nav ul { position:absolute; width:22em; top:0px; left:-8000px; border:0px; padding:0; background:#fcf8b0; font-size:12px;}

и замените на  -

#nav ul { position:absolute; width:22em; top:-25px; left:-8000px; border:0px; padding:0; background:#fcf8b0; font-size:12px;margin-left:-15px;}

Далее найдите код -

#nav ul ul { top:0px;position:absolute; width:20em; top:0px; left:-10000px; border:0; padding:0px 0 0; background:#663300; font-size:12px; }

и замените на -

#nav ul ul { top:0px;position:absolute; width:20em; top:0px; left:-10000px; border:0; padding:0px 0 0; background:#663300; font-size:12px;margin-left:83px; }

1. в ie проблема осталась
3. вопрос про два столбца открыт

[Vaccina]

Найдите и удалите в шаблоне "HTML" строку

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Для меню - попробуйте добавить в файл стилей main.css

#nav ul ul {
  width: 40em !important;
}
#nav ul ul li {
  float: left !important;
  width: 50% !important;
}

[bartjohn]

Добрый день! Тот-же вопрос нужно сделать выплывающее меню. Т.к на сайте стало очень много подменю и фильтры уходят вниз. Т.е при нажатии на подменю, хотелось-бы видеть свернутое меню, которое после можно было-бы развернуть.
Или-же при нажатии подменю, меню уходило вниз а фильтры были наверху. Спасибо!

[bartjohn]

Как-то я думаю дней за 7 можно было и ответить?!!! Не так ли?!

[bartjohn]

Огромное спасибо за "поддержку" . Буду звонить и мозг выносить....

[Vaccina]

Для перемещения фильтров выше каталога, в шаблоне HTML найдите:

<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
					<form action="" method="get">
					  <!-- Если есть возможность фильтрации товаров по ценам -->
					  {% IF SHOW_GOODS_PRICE_FILTERS %}
						<li class="goods_filters"><br /><h2>Цена</h2>
						  <div class="contentTbodySearchPriceFilterBlock cornerAll">
							<div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
							<div id="goods-filter-price-slider"></div>
							<div class="goodsFilterPriceInfo">
							  от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
							  до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
							</div>
							<div class="goodsFilterPriceSubmit">
							  <input class="more-link onlybutton" type="submit" value="Показать" style="padding-right:11px;" />
							</div>
						  </div>
						</li>
					  {% ENDIF %}
					  <!-- END Если есть возможность фильтрации товаров по ценам -->
					  <!-- Если есть возможность фильтрации товаров по наличию -->
					  {% IF SHOW_GOODS_REST_FILTER %}
					  <li class="goods_filters"><br /><h2>Наличие</h2>
						<div class="contentTbodySearchRestFilterBlock cornerAll">
						  <input class="valignMiddle" id="filter_only_with_rest" type="checkbox" name="form[filter_only_with_rest]" {% IF FORM_FILTER_ONLY_WITH_REST %}checked="checked"{% ENDIF %} value="1" onclick="this.form.submit();"
						  /><label class="valignMiddle" for="filter_only_with_rest">Только в наличии</label>
						</div>
					  </li>
					  {% ENDIF %}
					  <!-- END Если есть возможность фильтрации товаров по наличию -->
					  <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
					  {% IF SHOW_GOODS_FILTERS %}
						<li class="goods_filters"><br /><h2>Фильтры</h2>
						  <div class="contentTbodySearchFilterBlock cornerAll">
							<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
							{% FOR filter_attr_list %}
							  <span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
							  <div class="contentTbodySearchFilterBlockValues">
							  {% FOR values %}
								<input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
								<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
							  {% ENDFOR %}
							  </div>
							{% ENDFOR %}
							<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							{% FOR filter_prop_list %}
							  <span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
							  <div class="contentTbodySearchFilterBlockValues">
							  {% FOR values %}
								<input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
								<label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />
							  {% ENDFOR %}
							  </div>
							{% ENDFOR %}
						  </div>
						</li>
					  {% ENDIF %}
					</form>
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

переместите данный блок кода, поставив после:

<td class="content_catalog cont250" >
			<!-- Каталог -->
			  <div class="pad-box">
			
				<ul class="leftmenu">
			   
				<div style="background:#f8f8f8;width:100%;margin-left:-20px; padding-left:20px;">
				 <div style="background: url({ASSETS_IMAGES_PATH}bokfon.jpg);padding:0px  10px 10px;margin-left:-30px;margin-top:-10px;width:226px; 
				 border-radius: 0px;
  ">

[bartjohn]

Спасибо, помогло. Но раз пошла такая заварушка , можно ли все это под стрелку спрятать? "Фильтры" так называемое выпадающее меню?

Пример!