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


Как Сделать Самому?


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

#1 kv09483

kv09483

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

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

Отправлено 02 Октябрь 2018 - 09:45

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:

1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?

Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!

#2 kv09483

kv09483

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

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

Отправлено 02 Октябрь 2018 - 21:02

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:

1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?

Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!

#3 kv09483

kv09483

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

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

Отправлено 03 Октябрь 2018 - 10:21

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:

1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?

Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!

#4 kv09483

kv09483

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

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

Отправлено 04 Октябрь 2018 - 09:31

Темный Лес!!!

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:

1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?

Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!

#5 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 04 Октябрь 2018 - 09:56

Просмотр сообщенияkv09483 (03 Октябрь 2018 - 10:21) писал:

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:

1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?

Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!

Здравствуйте.
2) В шаблоне Товары найдите, пожалуйста, данный блок кода:

			  <div class="product-name"><a href="{goods.URL | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div>
			  <div class="ratings">
				<div class="rating-box">
				  {% IF goods.OPINION_RATING_VALUE %}
				  <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
					<meta itemprop="worstRating" content = "1">
					<meta itemprop="bestRating" content = "10">
					<meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}">
					<meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}">
					<div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
				  </span>
				  {% ELSE %}
					<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
				  {% ENDIF %}
				</div>
			  </div>
			  {% IF goods.DESCRIPTION_SHORT %}

И замените его этим вот кодом:

			  <div class="product-name"><a href="{goods.URL | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div>
			  {% IF goods.DESCRIPTION_SHORT %}


После чего, в шаблоне Товар найдите, пожалуйста, следующий блок кода:

						<strong itemprop="author" class="goodsDataOpinionListClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</strong>
						{% IF opinion_list.RATING %}
						  <div class="rating-box" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
							<meta itemprop="worstRating" content = "1">
							<meta itemprop="bestRating" content = "10">
							<meta itemprop="ratingValue" content = "{opinion_list.RATING}">
							<div class="rating" style="width:{opinion_list.RATING}0%" alt="{opinion_list.RATING}" title="Рейтинг товара"></div>
						  </div>
						{% ENDIF %}
						<span class="goodsDataOpinionListDate">


И замените его вот этим вот кодом:

						<strong itemprop="author" class="goodsDataOpinionListClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</strong>
						<span class="goodsDataOpinionListDate">


После чего, в том же шаблоне, найдите, пожалуйста, данный блок кода:

					<h2 class="product-name"><a href="{recently_viewed_goods.URL_MIN_PRICE_NOW | url_amp}" title="{recently_viewed_goods.NAME}" itemprop="url">{recently_viewed_goods.NAME}</a></h2>
					<div class="ratings">
					  <div class="rating-box">
						{% IF recently_viewed_goods.OPINION_RATING_VALUE %}
						<span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
						  <meta itemprop="worstRating" content = "1">
						  <meta itemprop="bestRating" content = "10">
						  <meta itemprop="ratingValue" content = "{recently_viewed_goods.OPINION_RATING_VALUE}">
						  <meta itemprop="reviewCount" content = "{recently_viewed_goods.OPINION_RATING_CNT_ALL}">
						  <div class="rating" style="width:{recently_viewed_goods.OPINION_RATING_VALUE}0%" alt="{recently_viewed_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
						</span>
						{% ELSE %}
						  <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
						{% ENDIF %}
					  </div>
					</div>
					<div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">

И замените его этим вот кодом:

					<h2 class="product-name"><a href="{recently_viewed_goods.URL_MIN_PRICE_NOW | url_amp}" title="{recently_viewed_goods.NAME}" itemprop="url">{recently_viewed_goods.NAME}</a></h2>
					<div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">


Далее, всё в том же шаблоне, найдите, пожалуйста, следующий блок кода:

					  <div class="product-name"><a href="{related_views_goods.URL_MIN_PRICE_NOW | url_amp}" title="{related_views_goods.NAME}" itemprop="url">{related_views_goods.NAME}</a></div>
					  <div class="ratings">
						<a href="{related_views_goods.URL | url_amp}" title="Перейти к отзывам">
						  <div class="rating-box">
							{% IF related_views_goods.OPINION_RATING_VALUE %}
							<span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
							  <meta itemprop="worstRating" content = "1">
							  <meta itemprop="bestRating" content = "10">
							  <meta itemprop="ratingValue" content = "{related_views_goods.OPINION_RATING_VALUE}">
							  <meta itemprop="reviewCount" content = "{related_views_goods.OPINION_RATING_CNT_ALL}">
							  <div class="rating" style="width:{related_views_goods.OPINION_RATING_VALUE}0%" alt="{related_views_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
							</span>
							{% ELSE %}
							  <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
							{% ENDIF %}
						  </div>
						</a>
					  </div>
					  <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">

И замените его этим кодом:

					  <div class="product-name"><a href="{related_views_goods.URL_MIN_PRICE_NOW | url_amp}" title="{related_views_goods.NAME}" itemprop="url">{related_views_goods.NAME}</a></div>
					  <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">


После чего, всё в том же шаблоне, найдите, пожалуйста, данный блок кода:

					  <div class="product-name"><a href="{related_goods.URL_MIN_PRICE_NOW | url_amp}" title="{related_goods.NAME}" itemprop="url">{related_goods.NAME}</a></div>
					  <div class="ratings">
						<a href="{related_goods.URL | url_amp}" title="Перейти к отзывам">
						  <div class="rating-box">
							{% IF related_goods.OPINION_RATING_VALUE %}
							<span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
							  <meta itemprop="worstRating" content = "1">
							  <meta itemprop="bestRating" content = "10">
							  <meta itemprop="ratingValue" content = "{related_goods.OPINION_RATING_VALUE}">
							  <meta itemprop="reviewCount" content = "{related_goods.OPINION_RATING_CNT_ALL}">
							  <div class="rating" style="width:{related_goods.OPINION_RATING_VALUE}0%" alt="{related_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
							</span>
							{% ELSE %}
							  <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
							{% ENDIF %}
						  </div>
						</a>
					  </div>
					  <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">

И замените его вот этим кодом:

					  <div class="product-name"><a href="{related_goods.URL_MIN_PRICE_NOW | url_amp}" title="{related_goods.NAME}" itemprop="url">{related_goods.NAME}</a></div>
					  <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">


#6 kv09483

kv09483

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

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

Отправлено 04 Октябрь 2018 - 12:29

Спасибо большое! А остальные вопросы? Помогите, пожалуйста!!!

#7 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 04 Октябрь 2018 - 15:28

Просмотр сообщенияkv09483 (04 Октябрь 2018 - 09:31) писал:

Темный Лес!!!

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:

1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?

Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!

Здравствуйте.
3) К сожалению подобное по требованию изменения, может повлечь проблему в адаптивности сайта, однако, если Вы всё-таки хотите применить данные изменения на Ваш магазин, то в данном случае Вам необходимо в шаблоне main.css найти следующий блок кода:

#header .container > .logo {
	display: block;
	float: left;
	position: relative;
	width: 250px;
	height: 145px;
	margin-left: -80px;
	text-align: center;
}

И заменить его этим вот кодом:

#header .container > .logo {
	display: block;
	float: left;
	position: relative;
	width: 170px;
	height: 145px;
	text-align: center;
}


4) В шаблоне main.css найдите, пожалуйста, данный блок кода:

.products-grid .item .product-shop .product-name a {
	height: 40px;
}

И замените его этим кодом:

.products-grid .item .product-shop .product-name a {
	height: 40px;
	display: none;
}


#8 kv09483

kv09483

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

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

Отправлено 04 Октябрь 2018 - 21:07

4) название осталось!

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:

1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
3) убрать название категории только в мобильной версии?

Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!

#9 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 04 Октябрь 2018 - 21:15

Просмотр сообщенияkv09483 (04 Октябрь 2018 - 21:07) писал:

4) название осталось!

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:

1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
3) убрать название категории только в мобильной версии?

Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!

Просьба уточнить, на каком именно разрешение у Вас осталась данная проблема?

#10 kv09483

kv09483

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

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

Отправлено 04 Октябрь 2018 - 23:02

На всем!

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:

1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
3) убрать название категории только в мобильной версии?

Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!

#11 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 05 Октябрь 2018 - 09:33

Просмотр сообщенияkv09483 (04 Октябрь 2018 - 23:02) писал:

На всем!

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:

1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
3) убрать название категории только в мобильной версии?

Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!

В таком случае, если Вы верно выполнили все присланные выше Вам инструкции, то Вам необходимо очистить кэш вашего интернет-браузера ( с помощью сочетания клавиш Ctrl + F5 ) или открыть Ваш сайт в режиме инкогнито, чтобы увидеть полученные изменения.

#12 kv09483

kv09483

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

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

Отправлено 05 Октябрь 2018 - 09:43

Спасибо! Вопрос закрыт!

#13 baddiru

baddiru

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

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

Отправлено 24 Октябрь 2018 - 18:50

Просмотр сообщенияRayLi (05 Октябрь 2018 - 09:33) писал:

В таком случае, если Вы верно выполнили все присланные выше Вам инструкции, то Вам необходимо очистить кэш вашего интернет-браузера ( с помощью сочетания клавиш Ctrl + F5 ) или открыть Ваш сайт в режиме инкогнито, чтобы увидеть полученные изменения.

Здравствуйте! А мне Вы сможете помочь?
Мне необходимо поменять местами все в шапке магазина, но мне не хватает знаний для того чтобы сделать это самостоятельно.
Верхнюю строчку также хотелось бы выделить светло серым цветом, а строку каталога черным.

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

  • шапка магазина.jpg


#14 Vaccina

Vaccina

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

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

Отправлено 26 Октябрь 2018 - 10:50

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
 <!-- Шапка -->
<div id="header">
	 <div class="container">
	 <!-- Логотип -->
	 <div class="logo">
		 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=tourism" alt="{SETTINGS_STORE_NAME}"></a>
	 </div>
	 <div class="header-right">
		 <div class="header-top">
		 <div class="contacts">
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %}
		 </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="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>
		 </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="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>
		 </div>
		 <div class="switcher-area">
		 <!-- Поиск -->
		 <div class="search">
			 <form id="search_mini_form" action="{SEARCH_URL}" 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 %}">
			 <!-- Сравнение -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			 <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}">
			 <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a>
			 <div class="dropdown">
				 <ul id="compare-items">
				 <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
				 {% IF compare_list_empty %}
					 <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
				 {% ELSE %}
					 {% FOR compare_goods %}
					 <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}>
					 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
					 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
					 <a href="#" class="dataid">{compare_goods.ID}</a>
					 </li>
					 {% ENDFOR %}
					 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a>
					 <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a>
				 {% ENDIF %}
				 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a>
				 <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a>
				 </ul>
			 </div>
			 </div>
			 {% ENDIF %}
			 <!-- Корзина -->
			 <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
			 <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
			 <div class="dropdown">
				 <div class="cart-content">
				 <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% IF cart_count_empty %}
				 <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% ELSE %}
				 <ul class="cart-products-list">
					 {% FOR cart_items %}
					 <li class="item">
					 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
					 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					 <div class="product-details">
						 <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
						 <div class="product-price">
						 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
						 <span>x</span>
						 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
					 </div>
					 </li>
					 {% ENDFOR %}
				 </ul>
				 <div class="subtotal">
					 <span class="label">Итого:</span>
					 <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
				 </div>
				 <div class="actions">
					 <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				 </div>
				 {% ENDIF %}
				 </div>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
	 </div>
</div>
<!-- /END Шапка -->


замените на:
 <!-- Шапка -->
<div id="header">
	 <div class="container">
	 <div class="header-right">
		 <div class="header-top">
		 <!-- Личный кабинет -->
		 <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="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>
		 </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>
	 <!-- Логотип -->
	 <div class="logo">
		 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=tourism" alt="{SETTINGS_STORE_NAME}"></a>
	 </div>
	 <div class="header-right">
		 <div class="header-links">
		 <div class="contacts">
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %}
		 </div>
		 </div>
		 <div class="switcher-area">
		 <!-- Поиск -->
		 <div class="search">
			 <form id="search_mini_form" action="{SEARCH_URL}" 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>
	 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
	 </div>
	 <div class="header-right">
		 <div class="header-links">
		 <!-- Каталог -->
		 <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>
		 </div>
		 <div class="switcher-area">
		 <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">
			 <!-- Сравнение -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			 <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}">
			 <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a>
			 <div class="dropdown">
				 <ul id="compare-items">
				 <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
				 {% IF compare_list_empty %}
					 <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
				 {% ELSE %}
					 {% FOR compare_goods %}
					 <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}>
					 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
					 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
					 <a href="#" class="dataid">{compare_goods.ID}</a>
					 </li>
					 {% ENDFOR %}
					 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a>
					 <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a>
				 {% ENDIF %}
				 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a>
				 <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a>
				 </ul>
			 </div>
			 </div>
			 {% ENDIF %}
			 <!-- Корзина -->
			 <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
			 <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
			 <div class="dropdown">
				 <div class="cart-content">
				 <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% IF cart_count_empty %}
				 <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% ELSE %}
				 <ul class="cart-products-list">
					 {% FOR cart_items %}
					 <li class="item">
					 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
					 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					 <div class="product-details">
						 <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
						 <div class="product-price">
						 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
						 <span>x</span>
						 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
					 </div>
					 </li>
					 {% ENDFOR %}
				 </ul>
				 <div class="subtotal">
					 <span class="label">Итого:</span>
					 <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
				 </div>
				 <div class="actions">
					 <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				 </div>
				 {% ENDIF %}
				 </div>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
</div>
<!-- /END Шапка -->


далее зайдите в main.css - найдите:
/** Меню **/
#header .header-right {float: left;width: calc(100% - 170px);}
#header .header-right .header-links {display: inline-block;float: left;width: calc(100% - 270px);;border-bottom-width: 0;border-top-width: 0;}
#header .header-right .header-links .top-links {display: block;float: right;position: relative;width: 100%;height: 53px;padding: 16px 0;}
#header .header-right .header-links .top-links a {padding-top: 5px;padding-bottom: 5px;}
#header .header-right .header-links .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 11px;padding: 7px 20px 7px 10px;cursor: pointer;}
#header .header-right .header-links .top-links .icon a {text-transform: uppercase;text-decoration: none;}
#header .header-right .header-links .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;}
#header .header-right .header-links .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;}
#header .header-right .header-links .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;}
#header .header-right .header-links .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'Ubuntu', sans-serif;font-weight: 400;letter-spacing: 1px;}
#header .header-right .header-links .top-links .links li a:hover {text-decoration: underline;}

замените на:
/** Меню **/
#header .header-right {float: left;width: calc(100% - 170px);}
#header .header-right + .header-right {width: 100%;}
#header .header-top .top-links {display: inline-block;float: left;width: calc(100% - 270px);height: 53px;padding: 16px 0;}
#header .header-top .top-links a {padding-top: 5px;padding-bottom: 5px;}
#header .header-top .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 11px;padding: 7px 20px 7px 10px;cursor: pointer;}
#header .header-top .top-links .icon a {text-transform: uppercase;text-decoration: none;}
#header .header-top .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;}
#header .header-top .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;}
#header .header-top .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;}
#header .header-top .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'Ubuntu', sans-serif;font-weight: 400;letter-spacing: 1px;}
#header .header-top .top-links .links li a:hover {text-decoration: underline;}

далее найдите:
/** Контакты **/
#header .header-top {border-top: 0;border-right: 0;height: 50px;overflow: hidden;}
#header .header-top .contacts {display: inline-block;float: left;padding: 0;margin: 0 15px 0 10px;padding: 15px 0;overflow: hidden;text-align: right;}
#header .header-top .contacts > div {display: inline-block;text-transform: uppercase;padding: 0 16px;border: 0;}
#header .header-top .contacts > div a {color: #21293c;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;}
#header .header-top .contacts > div a:hover {text-decoration: underline;}
#header .header-top .contacts > div a i {font-size: 16px;color: #21293c;margin-right: 5px;}
#header .header-top .contacts > div a:hover i {color: #48d1cc;}

замените на:
/** Контакты **/
#header .header-links .contacts {display: inline-block;float: left;padding: 0;margin: 0 15px 0 10px;padding: 15px 0;overflow: hidden;text-align: right;}
#header .header-links .contacts > div {display: inline-block;text-transform: uppercase;padding: 0 16px;border: 0;}
#header .header-links .contacts > div a {color: #21293c;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;}
#header .header-links .contacts > div a:hover {text-decoration: underline;}
#header .header-links .contacts > div a i {font-size: 16px;color: #21293c;margin-right: 5px;}
#header .header-links .contacts > div a:hover i {color: #48d1cc;}

далее найдите:
#header .header-right .menu {float: right;width: 100%;}

после него вставьте:
#header .header-right:first-child {width: 100%;}
#header .header-right + .header-right .menu {width: calc(100% - 270px);float: left;}

далее найдите:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 80px;text-align: left;}
#header .container > .logo a {display: block;line-height: 145px;vertical-align: middle;z-index: 2;padding: 3px 5px 5px 5px;}
#header .container > .logo img {display: inline-block;max-height: 145px;}

замените на:
#header .container > .logo {padding-left: 20px;display: block;float: left;position: relative;width: 170px;height: 52px;text-align: left;}
#header .container > .logo a {display: block;line-height: 52px;vertical-align: middle;z-index: 2;padding: 0;}
#header .container > .logo img {display: inline-block;max-height: 52px;}

Интернет зоомаркет  БАДДИ    мебель и аксессуары для питомцев .png

#15 baddiru

baddiru

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

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

Отправлено 26 Октябрь 2018 - 14:17

Просмотр сообщенияVaccina (26 Октябрь 2018 - 10:50) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
 <!-- Шапка -->
<div id="header">
	 <div class="container">
	 <!-- Логотип -->
	 <div class="logo">
		 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=tourism" alt="{SETTINGS_STORE_NAME}"></a>
	 </div>
	 <div class="header-right">
		 <div class="header-top">
		 <div class="contacts">
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %}
		 </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="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>
		 </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="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>
		 </div>
		 <div class="switcher-area">
		 <!-- Поиск -->
		 <div class="search">
			 <form id="search_mini_form" action="{SEARCH_URL}" 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 %}">
			 <!-- Сравнение -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			 <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}">
			 <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a>
			 <div class="dropdown">
				 <ul id="compare-items">
				 <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
				 {% IF compare_list_empty %}
					 <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
				 {% ELSE %}
					 {% FOR compare_goods %}
					 <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}>
					 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
					 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
					 <a href="#" class="dataid">{compare_goods.ID}</a>
					 </li>
					 {% ENDFOR %}
					 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a>
					 <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a>
				 {% ENDIF %}
				 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a>
				 <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a>
				 </ul>
			 </div>
			 </div>
			 {% ENDIF %}
			 <!-- Корзина -->
			 <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
			 <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
			 <div class="dropdown">
				 <div class="cart-content">
				 <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% IF cart_count_empty %}
				 <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% ELSE %}
				 <ul class="cart-products-list">
					 {% FOR cart_items %}
					 <li class="item">
					 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
					 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					 <div class="product-details">
						 <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
						 <div class="product-price">
						 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
						 <span>x</span>
						 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
					 </div>
					 </li>
					 {% ENDFOR %}
				 </ul>
				 <div class="subtotal">
					 <span class="label">Итого:</span>
					 <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
				 </div>
				 <div class="actions">
					 <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				 </div>
				 {% ENDIF %}
				 </div>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
	 </div>
</div>
<!-- /END Шапка -->


замените на:
 <!-- Шапка -->
<div id="header">
	 <div class="container">
	 <div class="header-right">
		 <div class="header-top">
		 <!-- Личный кабинет -->
		 <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="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>
		 </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>
	 <!-- Логотип -->
	 <div class="logo">
		 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=tourism" alt="{SETTINGS_STORE_NAME}"></a>
	 </div>
	 <div class="header-right">
		 <div class="header-links">
		 <div class="contacts">
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %}
		 </div>
		 </div>
		 <div class="switcher-area">
		 <!-- Поиск -->
		 <div class="search">
			 <form id="search_mini_form" action="{SEARCH_URL}" 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>
	 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
	 </div>
	 <div class="header-right">
		 <div class="header-links">
		 <!-- Каталог -->
		 <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>
		 </div>
		 <div class="switcher-area">
		 <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">
			 <!-- Сравнение -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			 <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}">
			 <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a>
			 <div class="dropdown">
				 <ul id="compare-items">
				 <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
				 {% IF compare_list_empty %}
					 <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
				 {% ELSE %}
					 {% FOR compare_goods %}
					 <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}>
					 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
					 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
					 <a href="#" class="dataid">{compare_goods.ID}</a>
					 </li>
					 {% ENDFOR %}
					 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a>
					 <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a>
				 {% ENDIF %}
				 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a>
				 <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a>
				 </ul>
			 </div>
			 </div>
			 {% ENDIF %}
			 <!-- Корзина -->
			 <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
			 <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
			 <div class="dropdown">
				 <div class="cart-content">
				 <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% IF cart_count_empty %}
				 <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% ELSE %}
				 <ul class="cart-products-list">
					 {% FOR cart_items %}
					 <li class="item">
					 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
					 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					 <div class="product-details">
						 <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
						 <div class="product-price">
						 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
						 <span>x</span>
						 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
					 </div>
					 </li>
					 {% ENDFOR %}
				 </ul>
				 <div class="subtotal">
					 <span class="label">Итого:</span>
					 <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
				 </div>
				 <div class="actions">
					 <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				 </div>
				 {% ENDIF %}
				 </div>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
</div>
<!-- /END Шапка -->


далее зайдите в main.css - найдите:
/** Меню **/
#header .header-right {float: left;width: calc(100% - 170px);}
#header .header-right .header-links {display: inline-block;float: left;width: calc(100% - 270px);;border-bottom-width: 0;border-top-width: 0;}
#header .header-right .header-links .top-links {display: block;float: right;position: relative;width: 100%;height: 53px;padding: 16px 0;}
#header .header-right .header-links .top-links a {padding-top: 5px;padding-bottom: 5px;}
#header .header-right .header-links .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 11px;padding: 7px 20px 7px 10px;cursor: pointer;}
#header .header-right .header-links .top-links .icon a {text-transform: uppercase;text-decoration: none;}
#header .header-right .header-links .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;}
#header .header-right .header-links .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;}
#header .header-right .header-links .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;}
#header .header-right .header-links .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'Ubuntu', sans-serif;font-weight: 400;letter-spacing: 1px;}
#header .header-right .header-links .top-links .links li a:hover {text-decoration: underline;}

замените на:
/** Меню **/
#header .header-right {float: left;width: calc(100% - 170px);}
#header .header-right + .header-right {width: 100%;}
#header .header-top .top-links {display: inline-block;float: left;width: calc(100% - 270px);height: 53px;padding: 16px 0;}
#header .header-top .top-links a {padding-top: 5px;padding-bottom: 5px;}
#header .header-top .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 11px;padding: 7px 20px 7px 10px;cursor: pointer;}
#header .header-top .top-links .icon a {text-transform: uppercase;text-decoration: none;}
#header .header-top .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;}
#header .header-top .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;}
#header .header-top .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;}
#header .header-top .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'Ubuntu', sans-serif;font-weight: 400;letter-spacing: 1px;}
#header .header-top .top-links .links li a:hover {text-decoration: underline;}

далее найдите:
/** Контакты **/
#header .header-top {border-top: 0;border-right: 0;height: 50px;overflow: hidden;}
#header .header-top .contacts {display: inline-block;float: left;padding: 0;margin: 0 15px 0 10px;padding: 15px 0;overflow: hidden;text-align: right;}
#header .header-top .contacts > div {display: inline-block;text-transform: uppercase;padding: 0 16px;border: 0;}
#header .header-top .contacts > div a {color: #21293c;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;}
#header .header-top .contacts > div a:hover {text-decoration: underline;}
#header .header-top .contacts > div a i {font-size: 16px;color: #21293c;margin-right: 5px;}
#header .header-top .contacts > div a:hover i {color: #48d1cc;}

замените на:
/** Контакты **/
#header .header-links .contacts {display: inline-block;float: left;padding: 0;margin: 0 15px 0 10px;padding: 15px 0;overflow: hidden;text-align: right;}
#header .header-links .contacts > div {display: inline-block;text-transform: uppercase;padding: 0 16px;border: 0;}
#header .header-links .contacts > div a {color: #21293c;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;}
#header .header-links .contacts > div a:hover {text-decoration: underline;}
#header .header-links .contacts > div a i {font-size: 16px;color: #21293c;margin-right: 5px;}
#header .header-links .contacts > div a:hover i {color: #48d1cc;}

далее найдите:
#header .header-right .menu {float: right;width: 100%;}

после него вставьте:
#header .header-right:first-child {width: 100%;}
#header .header-right + .header-right .menu {width: calc(100% - 270px);float: left;}

далее найдите:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 80px;text-align: left;}
#header .container > .logo a {display: block;line-height: 145px;vertical-align: middle;z-index: 2;padding: 3px 5px 5px 5px;}
#header .container > .logo img {display: inline-block;max-height: 145px;}

замените на:
#header .container > .logo {padding-left: 20px;display: block;float: left;position: relative;width: 170px;height: 52px;text-align: left;}
#header .container > .logo a {display: block;line-height: 52px;vertical-align: middle;z-index: 2;padding: 0;}
#header .container > .logo img {display: inline-block;max-height: 52px;}

Прикрепленный файл Интернет зоомаркет БАДДИ мебель и аксессуары для питомцев .png

Спасибо, но есть нюанс...
1. Пытаюсь войти в ЛК, а форма входа уехала куда-то вниз. Аналогично во всех раздела каталога, содержание уехало вниз. Скрины прилагаю.
2. После входа в ЛК, съезжает строчка в шапке.
3. Не до конца совершили перемещения)) на скрине указала

Помогите пожалуйста исправить!)

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

  • форма вниз.jpg
  • форма вниз 1.jpg
  • шапка съехала.jpg
  • переставить.jpg


#16 baddiru

baddiru

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

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

Отправлено 26 Октябрь 2018 - 22:23

Прошу прощения, еще появились проблемы в мобильной версии. Съехала шапка, содержание страниц и не отображается каталог((

#17 Vaccina

Vaccina

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

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

Отправлено 27 Октябрь 2018 - 05:48

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <div class="header-right">
				 <div class="header-links">
				 <div class="contacts">
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
				 </div>
				 </div>
				 <div class="switcher-area">
				 <!-- Поиск -->
				 <div class="search">
						 <form id="search_mini_form" action="{SEARCH_URL}" 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>
		 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
		 </div>
		 <div class="header-right">
				 <div class="header-links">
				 <!-- Каталог -->
				 <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>
				 </div>
				 <div class="switcher-area">
				 <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">
						 <!-- Сравнение -->
						 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						 <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}">
						 <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a>
						 <div class="dropdown">
								 <ul id="compare-items">
								 <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
								 {% IF compare_list_empty %}
										 <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
								 {% ELSE %}
										 {% FOR compare_goods %}
										 <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}>
										 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
										 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
										 <a href="#" class="dataid">{compare_goods.ID}</a>
										 </li>
										 {% ENDFOR %}
										 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a>
										 <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a>
								 {% ENDIF %}
								 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a>
								 <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a>
								 </ul>
						 </div>
						 </div>
						 {% ENDIF %}
						 <!-- Корзина -->
						 <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
						 <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
						 <div class="dropdown">
								 <div class="cart-content">
								 <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
								 {% IF cart_count_empty %}
								 <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
								 {% ELSE %}
								 <ul class="cart-products-list">
										 {% FOR cart_items %}
										 <li class="item">
										 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
										 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
										 <div class="product-details">
												 <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
												 <div class="product-price">
												 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
												 <span>x</span>
												 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
												 </div>
										 </div>
										 </li>
										 {% ENDFOR %}
								 </ul>
								 <div class="subtotal">
										 <span class="label">Итого:</span>
										 <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
								 </div>
								 <div class="actions">
										 <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
										 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
								 </div>
								 {% ENDIF %}
								 </div>
						 </div>
						 </div>
				 </div>
				 </div>
		 </div>
</div>
<!-- /END Шапка -->
        
замените на:
		 <div class="header-right">
				 <div class="header-links">
				 <div class="contacts">
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
				 </div>
				 <!-- Поиск -->
				 <div class="search">
						 <form id="search_mini_form" action="{SEARCH_URL}" 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>
<div class="switcher-area">
				 <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">
						 <!-- Сравнение -->
						 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						 <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}">
						 <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a>
						 <div class="dropdown">
								 <ul id="compare-items">
								 <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
								 {% IF compare_list_empty %}
										 <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
								 {% ELSE %}
										 {% FOR compare_goods %}
										 <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}>
										 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
										 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
										 <a href="#" class="dataid">{compare_goods.ID}</a>
										 </li>
										 {% ENDFOR %}
										 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a>
										 <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a>
								 {% ENDIF %}
								 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a>
								 <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a>
								 </ul>
						 </div>
						 </div>
						 {% ENDIF %}
						 <!-- Корзина -->
						 <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
						 <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
						 <div class="dropdown">
								 <div class="cart-content">
								 <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
								 {% IF cart_count_empty %}
								 <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
								 {% ELSE %}
								 <ul class="cart-products-list">
										 {% FOR cart_items %}
										 <li class="item">
										 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
										 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
										 <div class="product-details">
												 <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
												 <div class="product-price">
												 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
												 <span>x</span>
												 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
												 </div>
										 </div>
										 </li>
										 {% ENDFOR %}
								 </ul>
								 <div class="subtotal">
										 <span class="label">Итого:</span>
										 <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
								 </div>
								 <div class="actions">
										 <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
										 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
								 </div>
								 {% ENDIF %}
								 </div>
						 </div>
						 </div>
				 </div>
				 </div>
		 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
		 </div>
		 <div class="header-right">
				 <div class="header-links">
				 <!-- Каталог -->
				 <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>
				 </div>
		 </div>
</div>
<!-- /END Шапка -->

далее зайдите в main.css - найдите:
#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 100%;height: auto;margin: 0;z-index: 1; }

замените на:
#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 300px;height: auto;margin: 0;z-index: 1; }

далее найдите:
#header .header-right {float: left;width: calc(100% - 170px);}

замените на:
#header .header-right {float: left;width: calc(100% - 170px);}
#header .header-right .header-links {width: calc(100% - 270px);display: inline-block;}

далее найдите:
#page-title {padding: 216px 0 60px;text-align: center;background: url("{ASSETS_IMAGES_PATH}hbg.jpg?design=tourism") center center no-repeat;background-size: cover;}

замените на:
#page-title {padding: 60px 0 60px;text-align: center;background: url("{ASSETS_IMAGES_PATH}hbg.jpg?design=tourism") center center no-repeat;background-size: cover;}

далее зайдите в main.js найдите и удалите:
// Загрузка основных функций шаблона после полной загрузки страницы
$(window).load(function(){
  // Отобразить полный список категорий. Если категории не помещаются в строке меню, можно отобразить все категории в несколько строк. Уберите комментарии // со строчек ниже
  //  $('#header .header-links .menu #custommenu .mainnav').css("height", "auto");
  //  $('#header .switcher-area').css("border-bottom", "1px solid rgba(60,60,60,0.1)");

  $('#page-title').css("padding-top", $('#header').outerHeight()+60);
 
});


и:
  $('#page-title').css("padding-top", $('#header').outerHeight()+60);


#18 baddiru

baddiru

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

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

Отправлено 27 Октябрь 2018 - 18:52

Просмотр сообщенияVaccina (27 Октябрь 2018 - 05:48) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <div class="header-right">
				 <div class="header-links">
				 <div class="contacts">
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
				 </div>
				 </div>
				 <div class="switcher-area">
				 <!-- Поиск -->
				 <div class="search">
						 <form id="search_mini_form" action="{SEARCH_URL}" 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>
		 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
		 </div>
		 <div class="header-right">
				 <div class="header-links">
				 <!-- Каталог -->
				 <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>
				 </div>
				 <div class="switcher-area">
				 <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">
						 <!-- Сравнение -->
						 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						 <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}">
						 <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a>
						 <div class="dropdown">
								 <ul id="compare-items">
								 <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
								 {% IF compare_list_empty %}
										 <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
								 {% ELSE %}
										 {% FOR compare_goods %}
										 <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}>
										 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
										 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
										 <a href="#" class="dataid">{compare_goods.ID}</a>
										 </li>
										 {% ENDFOR %}
										 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a>
										 <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a>
								 {% ENDIF %}
								 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a>
								 <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a>
								 </ul>
						 </div>
						 </div>
						 {% ENDIF %}
						 <!-- Корзина -->
						 <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
						 <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
						 <div class="dropdown">
								 <div class="cart-content">
								 <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
								 {% IF cart_count_empty %}
								 <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
								 {% ELSE %}
								 <ul class="cart-products-list">
										 {% FOR cart_items %}
										 <li class="item">
										 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
										 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
										 <div class="product-details">
												 <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
												 <div class="product-price">
												 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
												 <span>x</span>
												 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
												 </div>
										 </div>
										 </li>
										 {% ENDFOR %}
								 </ul>
								 <div class="subtotal">
										 <span class="label">Итого:</span>
										 <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
								 </div>
								 <div class="actions">
										 <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
										 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
								 </div>
								 {% ENDIF %}
								 </div>
						 </div>
						 </div>
				 </div>
				 </div>
		 </div>
</div>
<!-- /END Шапка -->

замените на:
		 <div class="header-right">
				 <div class="header-links">
				 <div class="contacts">
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
				 </div>
				 <!-- Поиск -->
				 <div class="search">
						 <form id="search_mini_form" action="{SEARCH_URL}" 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>
<div class="switcher-area">
				 <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">
						 <!-- Сравнение -->
						 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						 <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}">
						 <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a>
						 <div class="dropdown">
								 <ul id="compare-items">
								 <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
								 {% IF compare_list_empty %}
										 <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
								 {% ELSE %}
										 {% FOR compare_goods %}
										 <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}>
										 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
										 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
										 <a href="#" class="dataid">{compare_goods.ID}</a>
										 </li>
										 {% ENDFOR %}
										 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a>
										 <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a>
								 {% ENDIF %}
								 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a>
								 <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a>
								 </ul>
						 </div>
						 </div>
						 {% ENDIF %}
						 <!-- Корзина -->
						 <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
						 <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
						 <div class="dropdown">
								 <div class="cart-content">
								 <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
								 {% IF cart_count_empty %}
								 <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
								 {% ELSE %}
								 <ul class="cart-products-list">
										 {% FOR cart_items %}
										 <li class="item">
										 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
										 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
										 <div class="product-details">
												 <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
												 <div class="product-price">
												 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
												 <span>x</span>
												 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
												 </div>
										 </div>
										 </li>
										 {% ENDFOR %}
								 </ul>
								 <div class="subtotal">
										 <span class="label">Итого:</span>
										 <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
								 </div>
								 <div class="actions">
										 <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
										 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
								 </div>
								 {% ENDIF %}
								 </div>
						 </div>
						 </div>
				 </div>
				 </div>
		 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
		 </div>
		 <div class="header-right">
				 <div class="header-links">
				 <!-- Каталог -->
				 <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>
				 </div>
		 </div>
</div>
<!-- /END Шапка -->

далее зайдите в main.css - найдите:
#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 100%;height: auto;margin: 0;z-index: 1; }

замените на:
#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 300px;height: auto;margin: 0;z-index: 1; }

далее найдите:
#header .header-right {float: left;width: calc(100% - 170px);}

замените на:
#header .header-right {float: left;width: calc(100% - 170px);}
#header .header-right .header-links {width: calc(100% - 270px);display: inline-block;}

далее найдите:
#page-title {padding: 216px 0 60px;text-align: center;background: url("{ASSETS_IMAGES_PATH}hbg.jpg?design=tourism") center center no-repeat;background-size: cover;}

замените на:
#page-title {padding: 60px 0 60px;text-align: center;background: url("{ASSETS_IMAGES_PATH}hbg.jpg?design=tourism") center center no-repeat;background-size: cover;}

далее зайдите в main.js найдите и удалите:
// Загрузка основных функций шаблона после полной загрузки страницы
$(window).load(function(){
// Отобразить полный список категорий. Если категории не помещаются в строке меню, можно отобразить все категории в несколько строк. Уберите комментарии // со строчек ниже
// $('#header .header-links .menu #custommenu .mainnav').css("height", "auto");
// $('#header .switcher-area').css("border-bottom", "1px solid rgba(60,60,60,0.1)");

$('#page-title').css("padding-top", $('#header').outerHeight()+60);

});


и:
 $('#page-title').css("padding-top", $('#header').outerHeight()+60);

Спасибо за то, что помогаете мне!
В мобильной версии по прежнему не отображается каталог и шапка вся кривая. Как поправить?

По версии ПК тоже вопросы остались открытыми.
1. Как поместить каталог на черный фон? Чтобы полоса была от края до края экрана.
2. Как поместить верхнее меню на серый фон от края до края?
3. Как увеличить средний блок между меню и каталогом и увеличить лого?

Вопросы прописаны и на скрине, а также во вложении пример как я вижу конечный результат и скриншот с хаосом в моб.версии.

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

  • опять.jpg
  • изи.jpg
  • скриншот мобильный.jpg


#19 baddiru

baddiru

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

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

Отправлено 30 Октябрь 2018 - 23:00

Кто-нибудь поможет?

#20 Vaccina

Vaccina

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

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

Отправлено 31 Октябрь 2018 - 10:58

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
				 <div class="header-right">
								 <div class="header-links">
								 <!-- Каталог -->
								 <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>
								 </div>
				 </div>
</div>
<!-- /END Шапка -->


замените на:
				  </div>
				 <div class="header-right">
				   <div class="container">
								 <div class="header-links">
								 <!-- Каталог -->
								 <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">
																 <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>
				 </div>
				 </div>
</div>
<!-- /END Шапка -->

далее найдите:
<div id="header">
		 <div class="container">
		 <div class="header-right">
				 <div class="header-top">
				 <!-- Личный кабинет -->
				 <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="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>
				 </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>
		 <!-- Логотип -->
        
замените на:
		   <div class="header-right">
			 <div class="container">
				 <div class="header-top">
				 <!-- Личный кабинет -->
				 <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="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>
				 </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>
		 </div>
		 <div class="container">
		 <!-- Логотип -->

далее зайдите в main.css - найдите:
#header .header-right {float: left;width: calc(100% - 170px);}
#header .header-right .header-links {width: calc(100% - 270px);display: inline-block;}

замените на:
#header .container .header-right {float: left;width: calc(100% - 200px);}
#header .container .header-right .header-links {width: calc(100% - 300px);display: inline-block;}
#header > .header-right:first-child {background: #f5f5f5;margin-bottom:10px;}
#header > .header-right:last-child {background: #3f3f3f;margin-top:10px;}

далее найдите:
#header .container > .logo {padding-left: 20px;display: block;float: left;position: relative;width: 170px;height: 52px;text-align: left;}

замените на:
#header .container > .logo {padding-left: 20px;display: block;float: left;position: relative;width: 200px;height: 52px;text-align: left;}

Мобильную версию лучше начинать править когда будет закончена ПК версия, так как каждый раз меняется структура.




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

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