Отключен JavaScript

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

0

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

Автор kv09483, 02 окт. 2018 09:45

Назад

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

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

#21 baddiru

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

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

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

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

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

Теперь и в ПК версии бардак) Логотип всех победил и стал огромным, все поехало. Что нужно сделать дальше?

Наверх

#22 baddiru

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

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

Отправлено 02 Ноябрь 2018 - 18:06

Добрый вечер. Я все еще жду. Клиенты все еще удивляются тому что происходит с сайтом.

Наверх

#24 baddiru

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

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

Отправлено 02 Ноябрь 2018 - 22:36

RayLi (02 Ноябрь 2018 - 19:12) писал:

Здравствуйте.
В данном случае, Вам необходимо внести на Ваш сайт следующие изменения:
В шаблоне html найдите, пожалуйста, данный блок кода:

<!-- Шапка -->
<div class="header-right">
<div class="container">
<div class="header-top">
<!-- Личный кабинет -->

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

<!-- Шапка -->
<div id="header">
<div class="container">
<div class="header-right">
<div class="header-top">
<!-- Личный кабинет -->

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

Наверх

#25 Ирина345

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

Модераторы
5 653 сообщений

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

baddiru (02 Ноябрь 2018 - 22:36) писал:

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

Здравствуйте,
1. Найдите в шаблоне HTML код

	 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
	  </div>
	</div>
	<!-- /END Шапка -->

после вставьте

	<div id="headercatalog">  <div class="container"><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>

далее найдите в файле main.css код

#header {position: absolute;width: 100%;background-color: rgba(255,255,255,0.3);border: 0;z-index: 4;border-bottom: 1px solid #e4e4e4;}

замените на

#header {position: relative;width: 100%;background-color: rgba(255,255,255,0.3);border: 0;z-index: 4;border-bottom: 1px solid #e4e4e4;}
#headercatalog {
	position: relative;
	color: #fff;
	background: #000;
}

2-3 Уточните вопрос на скриншоте.

Наверх

#26 baddiru

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

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

Отправлено 03 Ноябрь 2018 - 16:27

Ирина345 (03 Ноябрь 2018 - 10:58) писал:

Здравствуйте,
1. Найдите в шаблоне HTML код

	 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
	 </div>
</div>
<!-- /END Шапка -->

после вставьте

<div id="headercatalog"> <div class="container"><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>

далее найдите в файле main.css код

#header {position: absolute;width: 100%;background-color: rgba(255,255,255,0.3);border: 0;z-index: 4;border-bottom: 1px solid #e4e4e4;}

замените на

#header {position: relative;width: 100%;background-color: rgba(255,255,255,0.3);border: 0;z-index: 4;border-bottom: 1px solid #e4e4e4;}
#headercatalog {
position: relative;
color: #fff;
background: #000;
}

2-3 Уточните вопрос на скриншоте.

Спасибо!
Теперь нужно как-то убрать огрызок дубликата каталога))
На втором скриншоте -- то, как должно быть.
1. Верхнее меню выделила серым от края до края
2. Подравняла поиск в одну строку с телефоном
3. Увеличила отступ среднего блока (где телефон, лого. поиск и корзина) от верхнего меню и каталога
4. Немного увлеличила сам логотип (сама не могу найти где переменная величины логотипа в коде. Или просто не могу понять как ей пользоваться)

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

Наверх

#27 baddiru

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

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

Отправлено 08 Ноябрь 2018 - 22:45

ап!

Наверх

#28 baddiru

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

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

Отправлено 13 Ноябрь 2018 - 23:56

Я все еще надеюсь на помощь!

Наверх

#29 baddiru

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

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

Отправлено 15 Ноябрь 2018 - 20:42

Саппорт, ау?

Наверх

#30 stasia

Продвинутый пользователь

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

Отправлено 16 Ноябрь 2018 - 12:53

baddiru (03 Ноябрь 2018 - 16:27) писал:

Спасибо!
Теперь нужно как-то убрать огрызок дубликата каталога))
На втором скриншоте -- то, как должно быть.
1. Верхнее меню выделила серым от края до края
2. Подравняла поиск в одну строку с телефоном
3. Увеличила отступ среднего блока (где телефон, лого. поиск и корзина) от верхнего меню и каталога
4. Немного увлеличила сам логотип (сама не могу найти где переменная величины логотипа в коде. Или просто не могу понять как ей пользоваться)

Здравствуйте. Благодарим Вас за ожидание. Зайдите в Редактор шаблонов---HTML и найдите код:

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

Зайдите в Редактор шаблонов --- main.css и найдите данный код:

#header .header-links .contacts {
	display: inline-block;
	float: left;
	padding: 0;
	margin: 6px 15px 0 10px;
	padding: 15px 0;
	overflow: hidden;
	text-align: right;
}

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

#header .header-links .contacts {
	display: inline-block;
	float: left;
	padding: 0;
	margin: 6px 15px 0 10px;
	padding: 5px 0;
	overflow: hidden;
	text-align: right;
}

Найдите этот код:

#header .container > .logo {
	padding-left: 20px;
	display: block;
	float: left;
	position: relative;
	width: 200px;
	height: 52px;
	text-align: left;
}

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

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

Наверх

#31 baddiru

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

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

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

stasia (16 Ноябрь 2018 - 12:53) писал:

Здравствуйте. Благодарим Вас за ожидание. Зайдите в Редактор шаблонов---HTML и найдите код:

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

Зайдите в Редактор шаблонов --- main.css и найдите данный код:

#header .header-links .contacts {
display: inline-block;
float: left;
padding: 0;
margin: 6px 15px 0 10px;
padding: 15px 0;
overflow: hidden;
text-align: right;
}

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

#header .header-links .contacts {
display: inline-block;
float: left;
padding: 0;
margin: 6px 15px 0 10px;
padding: 5px 0;
overflow: hidden;
text-align: right;
}

Найдите этот код:

#header .container > .logo {
padding-left: 20px;
display: block;
float: left;
position: relative;
width: 200px;
height: 52px;
text-align: left;
}

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

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

Спасибо!
Теперь осталось два вопроса
1. Как все-таки сделать серый фон верхнего меню
2. При прокручивании страницы, меню каталога перестало отображаться

Наверх

#32 Vaccina

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

Модераторы
23 276 сообщений

Отправлено 24 Ноябрь 2018 - 07:23

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

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

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

замените на:

<div class="header-top">
												<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>
</div>

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

#header .header-top .top-links {display: inline-block;float: left;width: calc(100% - 270px);height: 53px;padding: 10px 0;}

перед ним пропишите:

#header .header-top{background: #cccccc;margin-bottom: 20px;}

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

		if(!$('#header .header-sticky .container .cart').length && !$('#header .header-sticky .container .sticky-logo').length){
		  $('#header').addClass("sticky-header");
		  $('#header .header-sticky').append('<div class="container"><div class="content"></div></div>');
		  var cart = $('#header .cart').html();
		  $('#header .header-sticky .content').append('<div class="cart">'+cart+'</div>');
		  var menu = $('#header .menu').html();
		  $('#header .header-sticky .content').prepend('<div class="menu">'+menu+'</div>');
		  scrolled = true;
		}

замените на:

		if(!$('#header .header-sticky .container .cart').length && !$('#header .header-sticky .container .sticky-logo').length){
		  $('#header').addClass("sticky-header");
		  $('#header .header-sticky').append('<div class="container"><div class="content"></div></div>');
		  var cart = $('#header .cart').html();
		  $('#header .header-sticky .content').append('<div class="cart">'+cart+'</div>');
		  var menu = $('#header #headercatalog .container').html();
		  $('#header .header-sticky .content').prepend('<div class="menu">'+menu+'</div>');
		  scrolled = true;
		}

Наверх

#33 baddiru

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

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

Отправлено 25 Ноябрь 2018 - 17:51

Vaccina (24 Ноябрь 2018 - 07:23) писал:

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

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

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

замените на:

<div class="header-top">
											 <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>
</div>

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

#header .header-top .top-links {display: inline-block;float: left;width: calc(100% - 270px);height: 53px;padding: 10px 0;}

перед ним пропишите:

#header .header-top{background: #cccccc;margin-bottom: 20px;}

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

	 if(!$('#header .header-sticky .container .cart').length && !$('#header .header-sticky .container .sticky-logo').length){
		 $('#header').addClass("sticky-header");
		 $('#header .header-sticky').append('<div class="container"><div class="content"></div></div>');
		 var cart = $('#header .cart').html();
		 $('#header .header-sticky .content').append('<div class="cart">'+cart+'</div>');
		 var menu = $('#header .menu').html();
		 $('#header .header-sticky .content').prepend('<div class="menu">'+menu+'</div>');
		 scrolled = true;
	 }

замените на:

	 if(!$('#header .header-sticky .container .cart').length && !$('#header .header-sticky .container .sticky-logo').length){
		 $('#header').addClass("sticky-header");
		 $('#header .header-sticky').append('<div class="container"><div class="content"></div></div>');
		 var cart = $('#header .cart').html();
		 $('#header .header-sticky .content').append('<div class="cart">'+cart+'</div>');
		 var menu = $('#header #headercatalog .container').html();
		 $('#header .header-sticky .content').prepend('<div class="menu">'+menu+'</div>');
		 scrolled = true;
	 }

Ок, спасибо огромное! Теперь все как надо. Мелкие доделки, но это я сама подравняю, вроде понимаю как.
А вот как выровнять мобильную версию я не знаю. Поможете?

Наверх

#34 stasia

Продвинутый пользователь

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

Отправлено 26 Ноябрь 2018 - 13:35

baddiru (25 Ноябрь 2018 - 17:51) писал:

Ок, спасибо огромное! Теперь все как надо. Мелкие доделки, но это я сама подравняю, вроде понимаю как.
А вот как выровнять мобильную версию я не знаю. Поможете?

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

Наверх

#35 baddiru

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

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

Отправлено 28 Ноябрь 2018 - 00:13

stasia (26 Ноябрь 2018 - 13:35) писал:

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

Здравствуйте! Реально сделать так в вертикальной версии, а при повороте экрана мобильного (горизонтально) было все как в версии ПК?

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

Наверх

#36 baddiru

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

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

Отправлено 23 Декабрь 2018 - 01:21

ау?

Наверх

#37 stasia

Продвинутый пользователь

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

Отправлено 24 Декабрь 2018 - 16:03

baddiru (28 Ноябрь 2018 - 00:13) писал:

Здравствуйте! Реально сделать так в вертикальной версии, а при повороте экрана мобильного (горизонтально) было все как в версии ПК?

Здравствуйте. Благодарим Вас за длительное ожидание. Зайдите в Редактор шаблонов --- main.css и найдите данный код(строка 1199):

#slideshow {
	position: relative;
	padding-top: 104px;
}

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

#header .header-links .contacts > div {
	display: inline-block;
	text-transform: uppercase;
	border: 0;
}
#header .header-links .contacts {
	display: inline-block;
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
	padding: 5px 0;
	overflow: hidden;
	text-align: right;
}
#header .header-top {
	background: #f5f5f5;
	margin-bottom: 0;
}
#header .header-links .contacts {text-align: left;width: 160px; padding: 15px 0;}
#header .header-links .contacts > div a {font-size: 15px;} 
#slideshow {position: relative;padding-top: 0px;}