1
Выплывающее Меню
Автор yamamoto, 03 окт. 2013 00:22
Сообщений в теме: 8
#1
Отправлено 03 Октябрь 2013 - 00:22
1. Сделал на сайте выплывающее левое меню. в firefox - по умолчанию выделен первый пункт второго уровня, в chrome меню сдвинуто вниз и на него проблематично перейти, в ie меню перекрывает слайдер и на него невозможно перейти. как устранить эти недочеты?
2 второй вопрос - как сделать второй уровень меню ближе к первому, для более комфортного перехождения с 1-го на 2-й? как впринципе возможно сделать этот переход более комфортным?
3 возможно ли третий уровень сделать в 2 столбца, чтобы не скролить вниз? и как третий уровень сдвинуть вправо?
Аккаунт SL-151311
2 второй вопрос - как сделать второй уровень меню ближе к первому, для более комфортного перехождения с 1-го на 2-й? как впринципе возможно сделать этот переход более комфортным?
3 возможно ли третий уровень сделать в 2 столбца, чтобы не скролить вниз? и как третий уровень сдвинуть вправо?
Аккаунт SL-151311
#2
Отправлено 03 Октябрь 2013 - 09:07
yamamoto (03 Октябрь 2013 - 00:22) писал:
1. Сделал на сайте выплывающее левое меню. в firefox - по умолчанию выделен первый пункт второго уровня, в chrome меню сдвинуто вниз и на него проблематично перейти, в ie меню перекрывает слайдер и на него невозможно перейти. как устранить эти недочеты?
2 второй вопрос - как сделать второй уровень меню ближе к первому, для более комфортного перехождения с 1-го на 2-й? как впринципе возможно сделать этот переход более комфортным?
3 возможно ли третий уровень сделать в 2 столбца, чтобы не скролить вниз? и как третий уровень сдвинуть вправо?
Аккаунт SL-151311
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; }
#3
Отправлено 03 Октябрь 2013 - 11:00
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. вопрос про два столбца открыт
#4
Отправлено 04 Октябрь 2013 - 01:53
Найдите и удалите в шаблоне "HTML" строку
Для меню - попробуйте добавить в файл стилей main.css
<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; }
#5
Отправлено 23 Июнь 2015 - 16:43
Добрый день! Тот-же вопрос нужно сделать выплывающее меню. Т.к на сайте стало очень много подменю и фильтры уходят вниз. Т.е при нажатии на подменю, хотелось-бы видеть свернутое меню, которое после можно было-бы развернуть.
Или-же при нажатии подменю, меню уходило вниз а фильтры были наверху. Спасибо!
Или-же при нажатии подменю, меню уходило вниз а фильтры были наверху. Спасибо!
#6
Отправлено 01 Июль 2015 - 13:06
Как-то я думаю дней за 7 можно было и ответить?!!! Не так ли?!
#7
Отправлено 08 Июль 2015 - 14:50
Огромное спасибо за "поддержку" . Буду звонить и мозг выносить....
#8
Отправлено 09 Июль 2015 - 05:58
Для перемещения фильтров выше каталога, в шаблоне 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; ">
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных