Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Редакция Шапки

Автор Равиль, 18 июля 2017 16:43

Авторизуйтесь для ответа в теме

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

#1 Равиль

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

Пользователи
12 сообщений

Отправлено 18 Июль 2017 - 16:43

Добрый день !

Необходимо отредактировать шапку, желаемый вариант во вложении.
Заранее спасибо !

Прикрепленные изображения

Наверх

#2 Vaccina

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

Модераторы
24 369 сообщений

Отправлено 19 Июль 2017 - 07:05

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<div class="links">
			  {% IFNOT CLIENT_IS_LOGIN %}
			  <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div>
			  <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div>
			  {% ELSE %}
			  <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div>
			  <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div>
			  <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div>
			  <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div>
			  {% ENDIF %}
			</div>
		  </div>
		  <div class="header-links">
			<!-- Личный кабинет -->
			<div class="top-links">
			  <div class="icon"><a href="javascript:void(0)">Меню</a></div>
			  <!-- Для отображения Личного Кабинета в шапке, замените на следующей строке {% IFNOT menu.header.links_empty %} на {% IF menu.header.links_empty %} -->
			  <ul class="links" itemscope itemtype="http://schema.org/SiteNavigationElement">
			  {% IFNOT menu_header_links_empty %}
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ELSE %}
				{% IFNOT CLIENT_IS_LOGIN %}
				<li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li>
				<li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li>
				{% ELSE %}
				<li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li>
				<li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li>
				<li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li>
				<li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li>
				{% ENDIF %}
			  {% ENDIF %}
			  </ul>
			</div>
			<!-- Меню, Каталог -->
			<div class="menu">
			  <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div>
			  <div id="custommenu">
				<div class="container">
				  <ul class="mainnav" itemscope itemtype="http://schema.org/SiteNavigationElement">
					{% IFNOT catalog_full_empty %}
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="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 %}
				  </ul>
				</div>
			  </div>
			</div>
		  </div>
		  <div class="switcher-area">
			<!-- Поиск -->
			<div class="search">
			  <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
				<input type="hidden" name="goods_search_field_id" value="0">
				<input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off">
				<button type="submit" title="Искать" class="icon-magnifier search-submit"></button>
			  </form>
			</div>
			<div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">

замените на:

<!-- Поиск -->
			<div class="search">
			  <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
				<input type="hidden" name="goods_search_field_id" value="0">
				<input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off">
				<button type="submit" title="Искать" class="icon-magnifier search-submit"></button>
			  </form>
			</div>
			<div class="links">
			  {% IFNOT CLIENT_IS_LOGIN %}
			  <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div>
			  <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div>
			  {% ELSE %}
			  <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div>
			  <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div>
			  <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div>
			  <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div>
			  {% ENDIF %}
			</div>
		  </div>
		  <div class="header-links">
			<!-- Личный кабинет -->
			<div class="top-links">
			  <div class="icon"><a href="javascript:void(0)">Меню</a></div>
			  <!-- Для отображения Личного Кабинета в шапке, замените на следующей строке {% IFNOT menu.header.links_empty %} на {% IF menu.header.links_empty %} -->
			  <ul class="links" itemscope itemtype="http://schema.org/SiteNavigationElement">
			  {% IFNOT menu_header_links_empty %}
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ELSE %}
				{% IFNOT CLIENT_IS_LOGIN %}
				<li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li>
				<li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li>
				{% ELSE %}
				<li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li>
				<li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li>
				<li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li>
				<li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li>
				{% ENDIF %}
			  {% ENDIF %}
			  </ul>
			</div>
		  </div>
		  <div class="switcher-area">
			<div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">

Далее зайдите в main.css - найдите:

#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 100%;height: auto;margin: 0;z-index: 1;border-bottom: 1px solid rgba(60,60,60,0.1);}

замените на:

#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 50%;height: auto;margin: 0;z-index: 1;border-bottom: 1px solid rgba(60,60,60,0.1);}

Наверх

#3 VADEK

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

Пользователи
21 сообщений

Отправлено 28 Январь 2018 - 10:45

привет подскажите как сделать?
Необходимо убрать категории товаров из шапки и сделать что бы при наведении на каталог всплывало окно с выбором категории!
заранее спасибо

Наверх

#4 VADEK

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

Пользователи
21 сообщений

Отправлено 28 Январь 2018 - 21:38

up

Наверх

#5 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 08 Февраль 2018 - 11:14

VADEK (28 Январь 2018 - 10:45) писал:

привет подскажите как сделать?
Необходимо убрать категории товаров из шапки и сделать что бы при наведении на каталог всплывало окно с выбором категории!
заранее спасибо

Здравствуйте. Простите за длительное ожидание ответа. Для начал в разделе Сайт-> Меню удалите два первых пункта Главная и Каталога из верхнего меню. Далее в шаблоне HTML найдите код

<ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement">
				{% IFNOT menu_header_links_empty %}
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ELSE %}
				{% IFNOT CLIENT_IS_LOGIN %}
				<li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li>
				<li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li>
				{% ELSE %}
				<li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li>
				<li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li>
				<li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li>
				<li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li>
				{% ENDIF %}
			  {% ENDIF %}
			  </ul>

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

<ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement">
				<li><a href="/" title="Главная" itemprop="url"><span>Главная</span></a></li>
				<li><a href="/catalog" title="Каталог" itemprop="url"><span>Каталог</span></a>
				<ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
					{% IFNOT catalog_full_empty %}
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 0 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="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 %}
				 
				</li>
				{% IFNOT menu_header_links_empty %}
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ELSE %}
				{% IFNOT CLIENT_IS_LOGIN %}
				<li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li>
				<li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li>
				{% ELSE %}
				<li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li>
				<li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li>
				<li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li>
				<li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li>
				{% ENDIF %}
			  {% ENDIF %}
			  </ul>

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

<div class="menu">
			  <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div>
			  <div id="custommenu">
				<div class="container">
				  <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
					{% IFNOT catalog_full_empty %}
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="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 %}
				  </ul>
				</div>
			  </div>
			</div>

После этого в файле main.css найдите код

/** Иконка адаптивного меню **/

и перед ним вставьте

.top-links li .mainnav {display: none;position: absolute;top: auto;width: auto;min-width: 160px;max-width: 100%;z-index: 10000;margin-top: 9px;padding: 5px 0;background-color: #fff;list-style: none;box-shadow: 0 2px 10px -2px rgba(0,0,0,.3);border: 0;border-radius: 0;}
.top-links li:hover .mainnav  {display: block;}
.top-links li .mainnav {max-width: 100%;width: auto;padding: 0;}
.top-links li .mainnav:before {content: "";display: block;position: absolute;height: 20px;top: -20px;width: 100%;height: 100%;left: 0;z-index: -1;}
.top-links li .mainnav{padding-left: 0;margin-bottom: 0;list-style: none;}
.top-links li .mainnav li{display:block !important;}
.top-links li .mainnav li a {display: block;margin: 0;font-size: 13px;font-family: 'PT Sans Narrow', sans-serif;padding: 20px 30px 20px 20px;text-transform: uppercase;}
.top-links li .mainnav li:hover > a {background-color: #f4f4f4;}
.top-links li .mainnav li.active > a, #custommenu .mainnav li.active > a {color: #019934;}
.top-links li .mainnav li.level1.parent > a:before {content: '\f105';font: normal normal 16px/20px "FontAwesome";position: absolute;width: 15px;height: 15px;right: 10px;margin-top: -4px;}
.top-links li .mainnav .sub {display: none;position: absolute;background-color: #fff;box-shadow: 0 2px 10px -2px rgba(0,0,0,.3);right: auto;left: 100%;top: auto;padding: 5px 0;}
.top-links li .mainnav li.parent:hover .sub {display: block;}
.top-links .mainnav .hide {display: none !important;}