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


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


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

#1 Равиль

Равиль

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

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

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

Добрый день !

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

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

  • Желательный вариант шапки.png


#2 Vaccina

Vaccina

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

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

Отправлено 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

VADEK

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

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

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

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

#4 VADEK

VADEK

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

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

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

up

#5 Stasya

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;}


#6 ivalko

ivalko

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

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

Отправлено 12 Июль 2018 - 16:53

В таком варианте изменения, при прокрутке вверх меню не отображается и выдает ошибку

#7 Vaccina

Vaccina

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

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

Отправлено 14 Июль 2018 - 08:50

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

Укажите пожалуйста номер аккаунта вашего магазина, указанный в профиле заблокирован.




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

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