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


Меню В Самом Вверху Страницы

Автор demon3, 04 марта 2015 08:57

  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1 demon3

demon3

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 04 Март 2015 - 08:57

Здравствуйте. так и не получил ответ на мой вопрос по теме http://forum.storela...аталог-товаров/

поэтому задаю снова вопрос. как переместить меню в самый вверх страницы. к примеру как на этом сайте : e96.ru

#2 Dars

Dars

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 04 Март 2015 - 17:20

Просмотр сообщенияdemon3 (04 Март 2015 - 08:57) писал:

Здравствуйте. так и не получил ответ на мой вопрос по теме http://forum.storela...аталог-товаров/

поэтому задаю снова вопрос. как переместить меню в самый вверх страницы. к примеру как на этом сайте : e96.ru
Здравствуйте!
В шаблоне HTML найдите код:

<div class="header theme-color">
		<div class="row">		
		  <div class="cols col-12">
			<div class="logo">
			 <a href="http://{NET_DOMAIN}">
			  <img src="{ASSETS_IMAGES_PATH}logo.png?design=chameleon"/>
			 </a>
			</div><!--END logo-->
		   </div><!--END cols col-12-->	   
		  </div><!--END row-->
		<div class="row2 theme-color">
		  <div class="cols col-4">
			<div id="search">
				 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
					  <button title="Искать" type="submit" value="Поиск" class="button-search"></button>
					  <input class="theme-color" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;"/>
				 </form>
			</div><!--END search-->
			 <!-- Первый контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							  {SETTINGS_STORE_PHONE_NUMBER1}
							</a>
						  </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->
		  </div><!--END cols col-4-->		
		  <div class="cols col-4 marg4">
		  <!-- Корзина -->
			<div id="cart">
			  <div class="incart">
			  <div class="carttotalqty theme-color">
				{CART_COUNT_TOTAL}
			  </div>
				<a class="cartanchor" href="{CART_URL}" title="Перейти в корзину">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}cart.png?design=chameleon"/>{%ELSE%}<span class="icon-cart"></span>{%ENDIF%}
				  {% IF cart_count_empty %}
					<span>0</span> <span class="rub">P<span class="rubT"></span></span>
				  {% ELSE %}
					{% FOR cart_sum %}
					  {cart_sum.NOW}<span class="rub">P<span class="rubT"></span></span>
					{% ENDFOR %}
				  {% ENDIF %}</span>
				</a>
			  </div><!--END heading-->
			  <div class="clear"></div>
			</div>
			<!-- end Корзина -->
			{% IF CLIENT_IS_LOGIN %}	  
			 <div class="login2">
			  <ul>
				<li><a href="{USER_SETTINGS_URL}">Мой кабинет</a></li>
				<li><a href="{USER_LOGOUT_URL}">Выход</a></li>
			  </ul>
			</div>
			{% ELSE %}
			<div class="login">
			  <ul>
				<li><a href="{USER_LOGIN_URL}">Вход</a></li>
				<li><a href="{USER_REGISTER_URL}">Регистрация</a></li>
			  </ul>
			</div>
			{% ENDIF %}
		  </div><!--END cols col-4 marg4-->
		</div><!--END row2-->
	  </div><!--END header-->
	  <menu class="theme-color">
		<div class="row">
		  <div class="cols col-10 marg1">
			<div class="globmenuwrap">
			<div>
			  <div class="menuopen ftheme-color">Главное меню</div>
			  <div>
				<ul class="menuLowRes" style="display:none;">
				 <li><a class="menuparent" href="http://{NET_DOMAIN}/catalog">Каталог</a></li>
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}
							   <li><a class="menuparent" href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					 {% ENDFOR %}
				   {% ENDFOR %}
				 {% ENDFOR %}							
				</ul>
			  </div>
			</div>
				<ul class="menuWrap">
								 <li><a class="menuparent menuopen2" href="#" >Каталог</a></li>
								 {% FOR menu %}
								   {% FOR header %}
										 {% FOR links %}
														   <li><a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
										 {% ENDFOR %}
								   {% ENDFOR %}
								 {% ENDFOR %}  
								  <ul class="menuLowRes2"  style="display:none;">
								 {% FOR catalog %}
												{% IFNOT catalog.HIDE %}
												  <li class="menuparent">
														<a href="{catalog.URL}"
														  {% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %}
														>{catalog.NAME}</a>
												  </li>
												{% ENDIF %}
										  {% ENDFOR %}										   
								</ul>
								</ul>
			</div><!--END globmenuwrap-->
		  </div><!--END cols col-10 marg1-->
		</div><!--END row-->
	  </menu><!--END menu-->

и замените его на:

	  <menu class="theme-color">
		<div class="row">
		  <div class="cols col-10 marg1">
			<div class="globmenuwrap">
			<div>
			  <div class="menuopen ftheme-color">Главное меню</div>
			  <div>
				<ul class="menuLowRes" style="display:none;">
				 <li><a class="menuparent" href="http://{NET_DOMAIN}/catalog">Каталог</a></li>
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}
							   <li><a class="menuparent" href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					 {% ENDFOR %}
				   {% ENDFOR %}
				 {% ENDFOR %}							
				</ul>
			  </div>
			</div>
				<ul class="menuWrap">
								 <li><a class="menuparent menuopen2" href="#" >Каталог</a></li>
								 {% FOR menu %}
								   {% FOR header %}
										 {% FOR links %}
														   <li><a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
										 {% ENDFOR %}
								   {% ENDFOR %}
								 {% ENDFOR %}  
								  <ul class="menuLowRes2"  style="display:none;">
								 {% FOR catalog %}
												{% IFNOT catalog.HIDE %}
												  <li class="menuparent">
														<a href="{catalog.URL}"
														  {% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %}
														>{catalog.NAME}</a>
												  </li>
												{% ENDIF %}
										  {% ENDFOR %}										   
								</ul>
								</ul>
			</div><!--END globmenuwrap-->
		  </div><!--END cols col-10 marg1-->
		</div><!--END row-->
	  </menu><!--END menu-->
	  <div class="header theme-color">
		<div class="row">		
		  <div class="cols col-12">
			<div class="logo">
			 <a href="http://{NET_DOMAIN}">
			  <img src="{ASSETS_IMAGES_PATH}logo.png?design=chameleon"/>
			 </a>
			</div><!--END logo-->
		   </div><!--END cols col-12-->	   
		  </div><!--END row-->
		<div class="row2 theme-color">
		  <div class="cols col-4">
			<div id="search">
				 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
					  <button title="Искать" type="submit" value="Поиск" class="button-search"></button>
					  <input class="theme-color" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;"/>
				 </form>
			</div><!--END search-->
			 <!-- Первый контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							  {SETTINGS_STORE_PHONE_NUMBER1}
							</a>
						  </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->
		  </div><!--END cols col-4-->		
		  <div class="cols col-4 marg4">
		  <!-- Корзина -->
			<div id="cart">
			  <div class="incart">
			  <div class="carttotalqty theme-color">
				{CART_COUNT_TOTAL}
			  </div>
				<a class="cartanchor" href="{CART_URL}" title="Перейти в корзину">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}cart.png?design=chameleon"/>{%ELSE%}<span class="icon-cart"></span>{%ENDIF%}
				  {% IF cart_count_empty %}
					<span>0</span> <span class="rub">P<span class="rubT"></span></span>
				  {% ELSE %}
					{% FOR cart_sum %}
					  {cart_sum.NOW}<span class="rub">P<span class="rubT"></span></span>
					{% ENDFOR %}
				  {% ENDIF %}</span>
				</a>
			  </div><!--END heading-->
			  <div class="clear"></div>
			</div>
			<!-- end Корзина -->
			{% IF CLIENT_IS_LOGIN %}	  
			 <div class="login2">
			  <ul>
				<li><a href="{USER_SETTINGS_URL}">Мой кабинет</a></li>
				<li><a href="{USER_LOGOUT_URL}">Выход</a></li>
			  </ul>
			</div>
			{% ELSE %}
			<div class="login">
			  <ul>
				<li><a href="{USER_LOGIN_URL}">Вход</a></li>
				<li><a href="{USER_REGISTER_URL}">Регистрация</a></li>
			  </ul>
			</div>
			{% ENDIF %}
		  </div><!--END cols col-4 marg4-->
		</div><!--END row2-->
	  </div><!--END header-->

Далее в main.css найдите строку:

#search {margin-top: 28px; transition:all 1s ease;}

и замените её на:

#search {margin-top: 58px; transition:all 1s ease;}

а строку:

#cart{margin-top:20px;}

на:

#cart{margin-top:50px;}

Обратно в Общие вопросы


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Повышение продаж, продвижение
  3. → Общие вопросы
  4. Privacy Policy