Отключен JavaScript

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

0

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

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

Назад

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

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

#21 baddiru

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

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

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

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

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

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

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

Наверх

#24 baddiru

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

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

Отправлено 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 643 сообщений

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

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

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

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