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


Помощь По Верхней Части


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

#1 Bright

Bright

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

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

Отправлено 13 Декабрь 2015 - 17:34

Прошу помощи в изменении шапки:
Добавить как на скрине:

- Размер текста, приблизительно как на картинке(либо подскажите как изменить)
- Цвет текста, такой же как и "Главная/Отзывы/Контакты" и т.д.
- время1 - брать с раздела "Основные настройки)
- logo1/logo2 - картинки оператора(картинки имеются)
- телефон1/телефон 2 - брать с раздела "Основные настройки)

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

  • лала.png


#2 Firefly

Firefly

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

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

Отправлено 13 Декабрь 2015 - 18:10

Просмотр сообщенияBright (13 Декабрь 2015 - 17:34) писал:

Прошу помощи в изменении шапки:
Добавить как на скрине:

- Размер текста, приблизительно как на картинке(либо подскажите как изменить)
- Цвет текста, такой же как и "Главная/Отзывы/Контакты" и т.д.
- время1 - брать с раздела "Основные настройки)
- logo1/logo2 - картинки оператора(картинки имеются)
- телефон1/телефон 2 - брать с раздела "Основные настройки)

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <!-- /END Меню навигации в шапке -->

Замените на:
		 <!-- /END Меню навигации в шапке -->
		 <div class="work-time-header">
	 {% IF SETTINGS_STORE_WORK_TIME %}<p><em class="fa fa-clock-o">&nbsp;</em>Режим работы: {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %}
		 </div>
		 <div class="contacts-header">
	 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><img src="#"> Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
	 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p><img src="#"> Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
		 </div>

Вместо # вставьте соответствующие ссылки на изображения операторов для каждой строки телефона.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.contacts-header {position: relative; float: right;}
.contacts-header p {color: #696c79; font-weight: 700; margin:0 0 5px 0;}
.work-time-header {position:relative;text-align:center;float: left;width: 75%;}
.work-time-header p {color: #696c79; font-weight: 700; margin:20px 0 5px 0;}


#3 Bright

Bright

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

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

Отправлено 13 Декабрь 2015 - 18:37

Просмотр сообщенияFirefly (13 Декабрь 2015 - 18:10) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <!-- /END Меню навигации в шапке -->

Замените на:
		 <!-- /END Меню навигации в шапке -->
		 <div class="work-time-header">
	 {% IF SETTINGS_STORE_WORK_TIME %}<p><em class="fa fa-clock-o">&nbsp;</em>Режим работы: {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %}
		 </div>
		 <div class="contacts-header">
	 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><img src="#"> Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
	 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p><img src="#"> Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
		 </div>

Вместо # вставьте соответствующие ссылки на изображения операторов для каждой строки телефона.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.contacts-header {position: relative; float: right;}
.contacts-header p {color: #696c79; font-weight: 700; margin:0 0 5px 0;}
.work-time-header {position:relative;text-align:center;float: left;width: 75%;}
.work-time-header p {color: #696c79; font-weight: 700; margin:20px 0 5px 0;}


Что не вышло:
- Картинки размером 29х16 заставили увеличить размер между "Главная/Отзывы/Контакты" и т.д. со слайдером и каталогом. Так не надо.
- Размер Режима работы сделать чуть больше: подскажите, где изменить число размера

Расстояние исправил... 2ой вопрос остается

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

  • лала.png


#4 Bright

Bright

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

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

Отправлено 13 Декабрь 2015 - 18:47

Вопросы сняты. Разобрался. Большое спасибо

#5 Bright

Bright

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

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

Отправлено 13 Декабрь 2015 - 23:22

Вопрос остается... режим работы в мобильной версии выглядит очень криво.. как это поправить?

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

  • Screenshot_2015-12-13-22-21-48.png


#6 Firefly

Firefly

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

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

Отправлено 14 Декабрь 2015 - 09:56

Просмотр сообщенияBright (13 Декабрь 2015 - 23:22) писал:

Вопрос остается... режим работы в мобильной версии выглядит очень криво.. как это поправить?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
/******************************************************************************
  Фиксы для браузеров
*******************************************************************************/

Замените на:
@media all and (max-width: 991px) and (min-width: 747px) {
   .work-time-header p {margin: 10px 0 5px 0 !important;}
}
@media all and (max-width: 746px) {
.work-time-header {width:35% !important;}
.work-time-header p {font-size: 18px !important;margin: 1px 0 5px 0 !important;}
}
/******************************************************************************
  Фиксы для браузеров
*******************************************************************************/


#7 Alex87

Alex87

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

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

Отправлено 25 Январь 2016 - 18:49

подскажите пжл, как убрать синию полосу?

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

  • Безымянный1.png


#8 RayLi

RayLi

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

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

Отправлено 25 Январь 2016 - 18:52

Просмотр сообщенияAlex87 (25 Январь 2016 - 18:49) писал:

подскажите пжл, как убрать синию полосу?

Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

#block-info {
	background: #09afe7;
	padding: 30px 0 0 0;
	text-align: center;
}

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

#block-info {
	background: #09afe7;
	padding: 30px 0 0 0;
	text-align: center;
	display: none;
}


#9 Jan

Jan

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородMoscow

Отправлено 06 Февраль 2016 - 13:01

Здраствуйте, подскажите как так сделать? Изображение

#10 RedHead

RedHead

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

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

Отправлено 07 Февраль 2016 - 10:26

Просмотр сообщенияJan (06 Февраль 2016 - 13:01) писал:

Здраствуйте, подскажите как так сделать?

Здравствуйте. В шаблоне html замените блок кода:
<div class="col-md-9 col-xs-12">
			<!-- Меню навигации в шапке -->
			<div id="custommenu">
			  <!-- Каталог в шапке -->
			  <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			  {% IF MENU_CATALOG %}
			  <ul class="mainnav">
				{% FOR catalog_full %}
				  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
					<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_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 %}">{catalog_full.NAME}</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 %}
			  </ul>
			  {% ELSE %}
			  <!-- Меню в шапке -->
			  <ul class="menunav">
				{% 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 %}>{menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			  {% ENDIF %}
			</div>
			<div id="mommenu" class="menu-collapse">
			  <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				<i class="fa fa-bars"></i>
			  </span>
			  <span class="menu_catalog">Каталог</span>
			  <div class="menu_collapse_wrap">
				<div id="menu_collapse" class="mainnav collapse">
				  <ul>
				  {% IFNOT catalog_full_empty %}
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</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>
			<!-- /END Меню навигации в шапке -->
		  </div>
на:
<div class="col-md-7 col-xs-12">
			<!-- Меню навигации в шапке -->
			<div id="custommenu">
			  <!-- Каталог в шапке -->
			  <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			  {% IF MENU_CATALOG %}
			  <ul class="mainnav">
				{% FOR catalog_full %}
				  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
					<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_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 %}">{catalog_full.NAME}</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 %}
			  </ul>
			  {% ELSE %}
			  <!-- Меню в шапке -->
			  <ul class="menunav">
				{% 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 %}>{menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			  {% ENDIF %}
			</div>
			<div id="mommenu" class="menu-collapse">
			  <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				<i class="fa fa-bars"></i>
			  </span>
			  <span class="menu_catalog">Каталог</span>
			  <div class="menu_collapse_wrap">
				<div id="menu_collapse" class="mainnav collapse">
				  <ul>
				  {% IFNOT catalog_full_empty %}
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</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>
			<!-- /END Меню навигации в шапке -->
		  </div>
		  <div class="col-md-2 col-xs-12">
			<div id="image_header">
			  <a href="#"><img src="{ASSETS_IMAGES_PATH}sale_default_green.jpg" alt="{SETTINGS_STORE_NAME}"></a>
			</div>
		  </div>

Ссылку на изображение проставьте свою, в таком же формате. Изображение необходимо загрузить в редактор шаблонов, нажав на зеленую кнопку "ДОБАВИТЬ ФАЙЛЫ".

Затем в конец main.css добавьте:

#image_header {
	float: right;
	margin-top: 10px;
}

Необходимо учитывать, что ранее в одну строку располагались логотип и меню. При добавлении в эту строку картинки, для меню остается меньше места (по ширине экрана), и оно переносится на следующую строку.

#11 Jan

Jan

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородMoscow

Отправлено 07 Февраль 2016 - 12:57

Просмотр сообщенияRedHead (07 Февраль 2016 - 10:26) писал:

Здравствуйте. В шаблоне html замените блок кода:
<div class="col-md-9 col-xs-12">
		 <!-- Меню навигации в шапке -->
		 <div id="custommenu">
			 <!-- Каталог в шапке -->
			 <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			 {% IF MENU_CATALOG %}
			 <ul class="mainnav">
			 {% FOR catalog_full %}
				 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
				 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_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 %}">{catalog_full.NAME}</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 %}
			 </ul>
			 {% ELSE %}
			 <!-- Меню в шапке -->
			 <ul class="menunav">
			 {% 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 %}>{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
			 {% ENDIF %}
		 </div>
		 <div id="mommenu" class="menu-collapse">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
			 <i class="fa fa-bars"></i>
			 </span>
			 <span class="menu_catalog">Каталог</span>
			 <div class="menu_collapse_wrap">
			 <div id="menu_collapse" class="mainnav collapse">
				 <ul>
				 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</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>
		 <!-- /END Меню навигации в шапке -->
		 </div>
на:
<div class="col-md-7 col-xs-12">
		 <!-- Меню навигации в шапке -->
		 <div id="custommenu">
			 <!-- Каталог в шапке -->
			 <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			 {% IF MENU_CATALOG %}
			 <ul class="mainnav">
			 {% FOR catalog_full %}
				 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
				 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_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 %}">{catalog_full.NAME}</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 %}
			 </ul>
			 {% ELSE %}
			 <!-- Меню в шапке -->
			 <ul class="menunav">
			 {% 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 %}>{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
			 {% ENDIF %}
		 </div>
		 <div id="mommenu" class="menu-collapse">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
			 <i class="fa fa-bars"></i>
			 </span>
			 <span class="menu_catalog">Каталог</span>
			 <div class="menu_collapse_wrap">
			 <div id="menu_collapse" class="mainnav collapse">
				 <ul>
				 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</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>
		 <!-- /END Меню навигации в шапке -->
		 </div>
		 <div class="col-md-2 col-xs-12">
		 <div id="image_header">
			 <a href="#"><img src="{ASSETS_IMAGES_PATH}sale_default_green.jpg" alt="{SETTINGS_STORE_NAME}"></a>
		 </div>
		 </div>

Ссылку на изображение проставьте свою, в таком же формате. Изображение необходимо загрузить в редактор шаблонов, нажав на зеленую кнопку "ДОБАВИТЬ ФАЙЛЫ".

Затем в конец main.css добавьте:

#image_header {
float: right;
margin-top: 10px;
}

Необходимо учитывать, что ранее в одну строку располагались логотип и меню. При добавлении в эту строку картинки, для меню остается меньше места (по ширине экрана), и оно переносится на следующую строку.

Спасибо, :rolleyes:  будем пробовать

#12 Jan

Jan

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородMoscow

Отправлено 27 Февраль 2016 - 06:56

Здравствуйте еще раз.
Помогите пожалуйста:
1    Как увеличить шрифт? :unsure:
2    Как поменять размер отображения иконки? :unsure:

#13 Vaccina

Vaccina

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

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

Отправлено 27 Февраль 2016 - 07:35

1. В main.css найдите:
.block-menu-content li a {
	display: block;
	line-height: 44px;
	margin: 0;
	padding: 0 25px 0 12px;
	font-weight: 500;
	letter-spacing: 0.3px;
	text-align: left;
	text-transform: capitalize;
	border-left: 3px solid transparent;
}

замените на:
.block-menu-content li a {
	display: block;
	line-height: 44px;
	margin: 0;
	padding: 0 25px 0 12px;
	font-weight: 500;
	letter-spacing: 0.3px;
	text-align: left;
	text-transform: capitalize;
	border-left: 3px solid transparent;
	font-size: 16px;
}

2. В main.css найдите:
.block-menu-content ul li .open-sub:before {
	content: "\f067";
	font-family: 'FontAwesome';
}
замените на:
.block-menu-content ul li .open-sub:before {
	content: "\f067";
	font-family: 'FontAwesome';
	font-size: 20px;
}


#14 Jan

Jan

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородMoscow

Отправлено 28 Февраль 2016 - 20:17

Не помогло. Все сделал как указано выше.

#15 Firefly

Firefly

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

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

Отправлено 28 Февраль 2016 - 20:42

Просмотр сообщенияJan (28 Февраль 2016 - 20:17) писал:

Не помогло. Все сделал как указано выше.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.contacts-header p {color: #696c79; font-weight: 700; margin:0 0 5px 0;}

Замените на:
.contacts-header p {color: #696c79; font-weight: 700; margin:0 0 5px 0; font-size: 18px;}
.contacts-header p img {max-width:32px;}


#16 Jan

Jan

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородMoscow

Отправлено 28 Февраль 2016 - 20:54

Просмотр сообщенияFirefly (28 Февраль 2016 - 20:42) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.contacts-header p {color: #696c79; font-weight: 700; margin:0 0 5px 0;}

Замените на:
.contacts-header p {color: #696c79; font-weight: 700; margin:0 0 5px 0; font-size: 18px;}
.contacts-header p img {max-width:32px;}

Спасибо, подскажите еще пожалуйста как сделать выравнивание "

Режим работы: с 10:00 до 19:00

" по правой стороне как телефон

#17 RedHead

RedHead

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

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

Отправлено 28 Февраль 2016 - 21:01

Просмотр сообщенияJan (28 Февраль 2016 - 20:54) писал:

Спасибо, подскажите еще пожалуйста как сделать выравнивание "

Режим работы: с 10:00 до 19:00

" по правой стороне как телефон


Здравствуйте. В шаблоне html после строк:
<div class="work-time-header">
		 {% IF SETTINGS_STORE_WORK_TIME %}<p><em class="fa fa-clock-o">&nbsp;</em>Режим работы: {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %}
				 </div>
вставьте:
<div class="clear"></div>

затем в шаблоне main.css замените строку:
.work-time-header {position:relative;text-align:center;float: left;width: 75%;}
на:
.work-time-header {position:relative;float: right;}


#18 Jan

Jan

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородMoscow

Отправлено 28 Февраль 2016 - 21:05

Спасибо огромное! :rolleyes: :rolleyes: :rolleyes:




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

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