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


Изменения В Шапке На Главной


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

#1 Mashenka

Mashenka

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

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

Отправлено 05 Октябрь 2016 - 21:42

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

#2 Stasya

Stasya

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

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

Отправлено 06 Октябрь 2016 - 15:04

Просмотр сообщенияMashenka (05 Октябрь 2016 - 21:42) писал:

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

1)чтобы увеличить поиск  в файле main.css найдите блок
.form-search input.search-string {
height: 26px;
line-height: 26px;
font-size: 12px;
border: 1px solid #dddddd;
background: #fff;
min-width: 200px;
color: #6f6f6f;
padding: 0 10px;
border-radius: 20px;
margin-bottom: 5px;
vertical-align: middle;
width: 95%;
}
и замените его на
.form-search input.search-string {
height: 38px;
line-height: 26px;
font-size: 12px;
border: 1px solid #dddddd;
background: #fff;
min-width: 200px;
color: #6f6f6f;
padding: 0 10px;
border-radius: 20px;
margin-bottom: 5px;
vertical-align: middle;
width: 95%;
}
Далее в том же файле найдите блок
.form-search {
float: right;
position: relative;
padding: 0 7px;
line-height: 47px;
width: 200px;
}
и замените его на
.form-search {
float: inherit;
position: relative;
padding: 0 7px;
line-height: 47px;
width: 200px;
}
2)Чтобы убрать почту из шапки Вам необходимо в шаблоне HTML найти блок
{% IF SETTINGS_STORE_EMAIL_MAIN %}
			 <div class="block-email-title rhombus">
				 <i class="fa fa-envelope" title="Меню">&nbsp;</i>
			 </div>
			 <div class="block-email-contact">
				 <span class="email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span>
			 </div>
			 {% ENDIF %}
и удалить его

3) Чтобы уставовить кнопку Обратный звонок Вам необходимо в шаблоне HTML найти строку
</head>
и перед ней вставить код
<!-- Обратный звонок в шапке -->
<script>
$(".callback > a.button").fancybox({
	 'hideOnContentClick': true,
	 'title': false
});
</script>
<!-- /END Обратный звонок в шапке -->
Далее находим строки
<!-- Корзина -->
			 <div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
и перед ними вставляем блок
<!-- Обратный звонок -->
		 <div class="block callback">
			 <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a>
			 <div id="fancybox-callback" style="display:none">
			 <h4 class="title">Обратный звонок</h4>
			 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				 <input type="hidden" name="hash" value="{HASH}" />
				 <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				 {ANTISPAM_CODE}
				 <div class="callback-input">
				 <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				 </div>
				 <div class="callback-input">
				 <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				 </div>
				 <button type="submit" title="Отправить" class="button button3">Отправить</button>
			 </form>
			 </div>
			 </div>

4) По поводу вертикального меню я Вас не совсем поняла, поскольку  у Вас сейчас там выводится меню сайта, а не каталог. Редактировать верхнее меню Вы можете в разделе Сайт-> Меню. Уточните, пожалуйста, данный вопрос чтобы мы могли прислать Вам инструкцию.

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

  • Screenshot_7.jpg


#3 Mashenka

Mashenka

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

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

Отправлено 07 Октябрь 2016 - 13:38

Спасибо Вам большое за помощь. Мне нужно, чтобы главное меню стало горизонтальное как в теме "рассвет".
Сбоку оставить меню каталога (кроме главной страницы - можно как-нибудь убрать на главное?), а сверху сделать меню сайта (главная, доставка, каталог, корзина, контакты, статьи).
Подскажите еще пожалуйста как режим работы под телефоном поставить и значки "сравнить" и "корзина" заменить на надписи со значками (как в шаблоне рассвет).

#4 Mashenka

Mashenka

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

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

Отправлено 07 Октябрь 2016 - 14:08

Можно кнопку обратный звонок сделать цветной постоянно, а не при наведении курсора и правее от телефона? Значок "меню" убрать, который слева от телефона. А поиск сделать в одном ряду с обратным звонком?

#5 Ирина345

Ирина345

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

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

Отправлено 07 Октябрь 2016 - 15:33

Просмотр сообщенияMashenka (07 Октябрь 2016 - 13:38) писал:

Спасибо Вам большое за помощь. Мне нужно, чтобы главное меню стало горизонтальное как в теме "рассвет".
Сбоку оставить меню каталога (кроме главной страницы - можно как-нибудь убрать на главное?), а сверху сделать меню сайта (главная, доставка, каталог, корзина, контакты, статьи).
Подскажите еще пожалуйста как режим работы под телефоном поставить и значки "сравнить" и "корзина" заменить на надписи со значками (как в шаблоне рассвет).
Здравствуйте,
1. Что бы перенести главное меню, найдите в шаблоне hTML
<div class="logo">
				<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo">
				  <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
				</a>
			  </div>
			</div>
			<div class="col-right col-sm-10 col-xs-3">
			  <!-- BEGIN: Main Navigation -->
замените на
 <div class="col-left col-sm-2 col-xs-9">
			  <div class="logo">
				<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo">
				  <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
				</a>
			  </div>
			</div>
			<div class="col-right col-sm-10 col-xs-3">
			  <div class="main_menu">
				 <ul class="block-menu-links">
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>
			  </div>
			  <!-- BEGIN: Main Navigation -->
		 

далее найдите в файле main.css
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }

и после вставьте код
.main_menu {position: static;z-index: 1;line-height: 75px;}
.main_menu .block-menu-links {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;}
.main_menu .block-menu-links li a:hover {color: #620337;}
.main_menu .block-menu-links > li {float: left;}
.main_menu .block-menu-links > li > a {display: block;position: relative;color: #000;line-height: 40px;margin-right: 20px;padding: 0 3px;font-size: 16px;font-weight: normal;text-transform: uppercase;}
.main_menu .block-menu-links > li > a:after {position: absolute;content: "";background: #620337;left: 0;top: 0;right: 0;line-height: 0;height: 4px;width: 4px;margin: auto;z-index: 9;opacity: 0;filter: alpha(opacity=0);-webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s;transition: width 0.5s ease 0s, height 0.5s ease 0s;}
.main_menu .block-menu-links > li > a:hover:after {opacity: 1;filter: alpha(opacity=100);width: 100%;}
.main_menu .block-menu-links > li.parent > a {padding-right: 15px;}
.main_menu .block-menu-links > li.parent > a:before {content: "\f107";position: absolute;font-family: fontawesome;font-size: 13px;right: 0px;}
.main_menu .block-menu-links li .dropdown-menu {display: none;position: absolute;width:100%;left: 0;border-bottom: 5px solid #8C2C29;background: #fff;z-index: 999;padding: 15px;}
.main_menu .block-menu-links li.parent:hover .dropdown-menu {display: block;}
.main_menu .block-menu-links li.level1 {width: 25%;float: left;padding: 0 15px;}
.main_menu .block-menu-links li a.title-lv1 {display: block;font-size: 16px;color: #22121e;margin: 8px 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #e2dfdf;text-transform: uppercase;}
.main_menu .block-menu-links li a.title-lv1:hover {color: #8C2C29;}
.main_menu .block-menu-links li a.title-lv2 {display: block;position: relative;text-transform: capitalize;padding: 7px 0 7px 15px;}
.main_menu .block-menu-links li a.title-lv2:before {content: "\f105";position: absolute;font-family: fontawesome;font-size: 14px;left: 0px;line-height: 20px;}

далее найдите в файле main.css
@media all and (max-width: 767px) {
замените на
.header-top .block-menu {
	display: none;
}
@media all and (max-width: 767px) {
.header-top .block-menu { display: block;}

.main_menu {display: none;}


Что бы отобразить корректно обратный звонок, добавьте в конец файла main.css
.block.callback {
	position: relative;
	cursor: pointer;
	float: left;
}
.block.callback a {
	background-color: #18bd9c;
	color: #fff;
	outline: 0;
}

Что бы изменить корзину и блок сравнения, найдите в шаблоне HTML
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  <div class="block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}">
				<div class="compare-title rhombus">
				  <a href="{COMPARE_URL}"><i class="fa fa-retweet" title="Перейти в корзину">&nbsp;</i> </a>
				
				  <span class="compare-count">{COMPARE_GOODS_COUNT}</span>
				</div>
замените на
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  <div class="block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}">
				<div class="compare-title rhombus">
				  <a href="{COMPARE_URL}"><i class="fa fa-retweet" title="Перейти в корзину">&nbsp;</i> </a>
				  <span class="hide">СРАВНЕНИЕ</span>
				  <span class="compare-count">{COMPARE_GOODS_COUNT}</span>
				</div>

далее найдите в шаблоне
<div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
				<div class="cart-title rhombus">
				  <a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину">&nbsp;</i></a>
			   <span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
				</div>
замените на
<div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
				<div class="cart-title rhombus">
				  <a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину">&nbsp;</i></a>
				  <span class="hide">КОРЗИНА</span>
				  <span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
				</div>


#6 Mashenka

Mashenka

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

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

Отправлено 08 Октябрь 2016 - 10:26

Что-то не получилось, вместо горизонтального меню появилось вертикальное и неполное. ПОМОГИТЕ пожалуйста

#7 Mashenka

Mashenka

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

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

Отправлено 08 Октябрь 2016 - 10:33

А надписи "сравнение" и "корзина" налезли друг на друга. А обратный звонок слишком близко к номеру телефона. Помогите исправить пожалуйста.
И личный кабинет желательно убрать и на главной меню каталога слева убрать

#8 Mr.Nito

Mr.Nito

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

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

Отправлено 08 Октябрь 2016 - 12:37

Просмотр сообщенияMashenka (08 Октябрь 2016 - 10:33) писал:

А надписи "сравнение" и "корзина" налезли друг на друга. А обратный звонок слишком близко к номеру телефона. Помогите исправить пожалуйста.
И личный кабинет желательно убрать и на главной меню каталога слева убрать

Здравствуйте.
1) Чтобы поправить надписи:
в файле main.css
найдите блок (221 строка)
/* Личный кабинет */
.block-account, .block-cart, .block-compare {float: right;position: relative;padding: 0 7px;line-height: 47px;text-align: center;}
замените на
.block-account, .block-cart, .block-compare {float: right;position: relative;padding: 0 7px;line-height: 47px;text-align: center; margin-right: 70px;}

Далее перед
/* Корзина */

добавьте следующий код
.block-compare .hide, .block-cart .hide {position: absolute; top: 0; left: 115%;}

2) Чтобы поправить кнопку обратной связи:
в файле main.css
найдите
.block.callback {
	 position: relative;
	 cursor: pointer;
	 float: left;
}
замените на
.block.callback {
	 position: relative;
	 cursor: pointer;
	 float: left;
	 margin-top: 5px;
	 margin-left: 8px;
}

3)Чтобы убрать личный кабинет в шапке:
в самом конце файла main.css добавьте
#header .block-account {display: none;}

4)Чтобы убрать меню каталога
в самом конце файла main.css добавьте
.header-middle #custommenu {display: none;}


#9 Mashenka

Mashenka

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

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

Отправлено 10 Октябрь 2016 - 13:21

Здравствуйте. Изменения 3 и 4 внесла (убрать из шапки ЛК и меню каталога с главной), но ничего не поменялось. Помогите пожалуйста.
И подскажите пожалуйста как можно поменять цвет и стиль шрифта меню и каталога

#10 Razon

Razon

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

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

Отправлено 10 Октябрь 2016 - 13:35

Просмотр сообщенияMashenka (10 Октябрь 2016 - 13:21) писал:

Здравствуйте. Изменения 3 и 4 внесла (убрать из шапки ЛК и меню каталога с главной), но ничего не поменялось. Помогите пожалуйста.
И подскажите пожалуйста как можно поменять цвет и стиль шрифта меню и каталога

Здравствуйте,  в файле main.css  у вас не совсем верно вставлен код,  найдите строки:
.block.callback a {
		background-color: #18bd9c;
		color: #fff;
		outline: 0;
		#header .block-account {display: none;}
.header-middle #custommenu {display: none;}

Замените их на:
.block.callback a {
		background-color: #18bd9c;
		color: #fff;
		outline: 0;
}
	   
#header .block-account {display: none;}
.header-middle #custommenu {display: none;}


#11 Mashenka

Mashenka

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

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

Отправлено 11 Октябрь 2016 - 14:46

Спасибо. А можно телефон в шапке сделать правее, поиск левее, а кнопку обратный звонок больше, чтобы все выровнять?
И можно убрать каталог товаров с главной страницы (слева)?

#12 Razon

Razon

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

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

Отправлено 11 Октябрь 2016 - 14:50

Просмотр сообщенияMashenka (11 Октябрь 2016 - 14:46) писал:

Спасибо. А можно телефон в шапке сделать правее, поиск левее, а кнопку обратный звонок больше, чтобы все выровнять?
И можно убрать каталог товаров с главной страницы (слева)?

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

#13 Mashenka

Mashenka

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

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

Отправлено 11 Октябрь 2016 - 16:41

не получается вставить картинку. Можно поиск между обратным звонком и сравнением посередине сделать? И каталог товаров с главной страницы убрать?

#14 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 11 Октябрь 2016 - 16:59

Просмотр сообщенияMashenka (11 Октябрь 2016 - 16:41) писал:

не получается вставить картинку. Можно поиск между обратным звонком и сравнением посередине сделать? И каталог товаров с главной страницы убрать?
Изменения Вам произвел, проверьте.

#15 Mashenka

Mashenka

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

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

Отправлено 11 Октябрь 2016 - 17:37

Не могли бы Вы сделать между обратным звонком и сравнением? потому что сейчас между сравнением и корзиной
Спасибо Вам большое за помощь

#16 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 11 Октябрь 2016 - 17:43

Просмотр сообщенияMashenka (11 Октябрь 2016 - 17:37) писал:

Не могли бы Вы сделать между обратным звонком и сравнением? потому что сейчас между сравнением и корзиной
Спасибо Вам большое за помощь
Извините за невнимательность, отображение поиска подправил.

#17 Mashenka

Mashenka

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

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

Отправлено 11 Октябрь 2016 - 18:31

Он все равно между сравнением и корзиной.
Извините, что достаю Вас :)

#18 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 11 Октябрь 2016 - 18:42

Просмотр сообщенияMashenka (11 Октябрь 2016 - 18:31) писал:

Он все равно между сравнением и корзиной.
Извините, что достаю Вас :)
Вы видимо случайно отменили изменения, они сохранены в последнем бэкапе(уже восстановил).

#19 Mashenka

Mashenka

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

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

Отправлено 12 Октябрь 2016 - 13:33

Спасибо Вам большое за помощь

#20 Mashenka

Mashenka

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

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

Отправлено 02 Ноябрь 2016 - 20:08

Здравствуйте. У меня "сравнение" сместилось под верхнюю горизонтальную линию. Вы не могли бы помочь выравнять?
И еще подскажите пожалуйста, как сделать логотип на главной странице больше в два раза?
Спасибо




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

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