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


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


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

#21 baddiru

baddiru

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

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

Отправлено 31 October 2018 - 17:17

Просмотр сообщенияVaccina (31 October 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 November 2018 - 18:06

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

#23 RayLi

RayLi

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

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

Отправлено 02 November 2018 - 19:12

Просмотр сообщенияbaddiru (02 November 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 November 2018 - 22:36

Просмотр сообщенияRayLi (02 November 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

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

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

Отправлено 03 November 2018 - 10:58

Просмотр сообщенияbaddiru (02 November 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 November 2018 - 16:27

Просмотр сообщенияИрина345 (03 November 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 November 2018 - 22:45

ап!

#28 baddiru

baddiru

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

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

Отправлено 13 November 2018 - 23:56

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

#29 baddiru

baddiru

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

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

Отправлено 15 November 2018 - 20:42

Саппорт, ау?

#30 stasia

stasia

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

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

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

Просмотр сообщенияbaddiru (03 November 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 November 2018 - 22:31

Просмотр сообщенияstasia (16 November 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

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

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

Отправлено 24 November 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 November 2018 - 17:51

Просмотр сообщенияVaccina (24 November 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

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

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

Отправлено 26 November 2018 - 13:35

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

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


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

#35 baddiru

baddiru

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

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

Отправлено 28 November 2018 - 00:13

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

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

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

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

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


#36 baddiru

baddiru

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

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

Отправлено 23 December 2018 - 01:21

ау?

#37 stasia

stasia

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

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

Отправлено 24 December 2018 - 16:03

Просмотр сообщенияbaddiru (28 November 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 анонимных