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


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


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

#21 baddiru

baddiru

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

  • Пользователи
  • PipPip
  • 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

baddiru

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

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

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

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

#23 RayLi

RayLi

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

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

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

Просмотр сообщенияbaddiru (02 Ноябрь 2018 - 18:06) писал:

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

Здравствуйте.
В данном случае, Вам необходимо внести на Ваш сайт следующие изменения:
В шаблоне 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">
								 <!-- Личный кабинет -->


#24 baddiru

baddiru

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

  • Пользователи
  • PipPip
  • 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

Ирина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

baddiru

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

  • Пользователи
  • PipPip
  • 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. Немного увлеличила сам логотип (сама не могу найти где переменная величины логотипа в коде. Или просто не могу понять как ей пользоваться)

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

  • шапка.jpg
  • шапка как должно быть.jpg


#27 baddiru

baddiru

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

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

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

ап!

#28 baddiru

baddiru

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

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

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

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

#29 baddiru

baddiru

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

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

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

Саппорт, ау?

#30 stasia

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

baddiru

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

  • Пользователи
  • PipPip
  • 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

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

baddiru

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

  • Пользователи
  • PipPip
  • 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

stasia

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

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

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

Просмотр сообщенияbaddiru (25 Ноябрь 2018 - 17:51) писал:

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


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

#35 baddiru

baddiru

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

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

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

Просмотр сообщенияstasia (26 Ноябрь 2018 - 13:35) писал:

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

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

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

  • МОБ.ПРИМЕР.jpg


#36 baddiru

baddiru

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

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

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

ау?

#37 stasia

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





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

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