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

[СтаниславГурулёв]

Здравствуйте, будьте добры внести изменение в шапке!
1. Нужно выделенное, а именно ЗНАЧКИ СОЦ СЕТЕЙ И ПОИСК ПЕРЕНЕСТИ ВНИЗ!
И можно ТВИТЕР И ФЕЙСБУК убрать полностью, а вместо их добавить инстограм!





2.Внести на место где был поиск, номер телефона крупным шрифтом(пример как надо, прикреплю скриншот!), и под него кнопку обратной связи


ВОТ ПРИМЕР КАК НАДО!


ЗАранее огромная благодарностЬ!!!

[СтаниславГурулёв]

3. Еще не подсвечиваеться логотип инстаграма!

4. И еще, в подвале оставить точно так же, инстаграм, ютюб и ВК

[Vaccina]

Здравствуйте.

Простите за ожидание, уточните пожалуйста ваш номер аккаунта.

[СтаниславГурулёв]

Vaccina (20 Июнь 2018 - 06:53) писал:

Здравствуйте.

Простите за ожидание, уточните пожалуйста ваш номер аккаунта.

Номер акк не помню, я прикрепил у домену уже http://navistores.ru/

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

		  <div class="topheader-left col-md-5 col-sms-9 col-smb-6">
<ul class="contact-us-now connect-us">
						 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
						  <li><a href="https://www.instagram.com/navistores.ru/" class="fa fa-instagram"></a></li>
								 <li><a href="#" class="fa fa-youtube"></a></li>
								 <li><a href="https://vk.com/navistores" class="fa fa-vk"></a></li>
								 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <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></li>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
				 </ul>
				 </div>

замените на:

		  <div class="topheader-left col-md-5 col-sms-9 col-smb-6">
			<ul class="contact-us-now connect-us">
						 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <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></li>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
				 </ul>
				 </div>

    
далее найдите:

				 <div class="header-right col-sm-8 col-xs-12">
 <div class="header-right-inner">
						 <ul class="connect-us contact-us-now">
								  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label></label> <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></li>{% ENDIF %}
					   
						 </ul>
						 </ul>

    
замените на:

				 <div class="header-right col-sm-8 col-xs-12">
				  <div class="header-right-inner">
					<div class="contacts">
					  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<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>{% ENDIF %}
					  <a class="callback fancybox.ajax button" href="http://{NET_DOMAIN}/callback?only_body=1">Заказать звонок</a>
					  <script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
					</div>
				<ul class="connect-us">
				  <li><a href="https://www.instagram.com/navistores.ru/" class="fa fa-instagram"></a></li>
				  <li><a href="#" class="fa fa-youtube"></a></li>
				  <li><a href="https://vk.com/navistores" class="fa fa-vk"></a></li>
				</ul>

    
далее найдите:

			  <ul class="link-follow">
				<li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com"></a></li>
				<li><a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com"></a></li>
				<li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki"></a></li>
				<li><a class="vk fa fa-vk" href="https://vk.com/" title="VK.com"></a></li>
				<li><a class="youtube fa fa-instagram" href="https://instagram.com/" title="Instagram.com"></a></li>
			  </ul>

  
замените на:

			  <ul class="link-follow">
				<li><a class="instagram fa fa-instagram" href="https://www.instagram.com/navistores.ru/" title="instagram.com"></a></li>
				<li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki"></a></li>
				<li><a class="vk fa fa-vk" href="https://vk.com/" title="VK.com"></a></li>
				<li><a class="youtube fa fa-instagram" href="https://instagram.com/" title="Instagram.com"></a></li>
			  </ul>

    
далее зайдите в main.css - найдите:

#header .header-right .header-right-inner .connect-us li a.fa-facebook:hover {border-color: #3197f7;color: #3197f7;}
#header .header-right .header-right-inner .connect-us li a.fa-twitter:hover {border-color: #16def0;color: #16def0;}

замените на:

#header .header-right .header-right-inner .contacts{text-align: right;}
#header .header-right .header-right-inner .contacts a:nth-child(1){margin:0 10px;font-size:20px;color:#000;display:block;}
#header .header-right .header-right-inner .contacts .callback{display:inline-block;margin: 10px 0;}
#header .header-right .header-right-inner .connect-us li a.fa-instagram:hover {border-color: #3197f7;color: #3197f7;}

[СтаниславГурулёв]

Полчилось криво почему то, как в шапке так и в подвале, я сделал в ФШ вариант как нужно, можно исправить как на фото?!
вариант как надо!
Пожалуйста отправьте мне коды, что бы так получилось, очень прощу!

[Ирина345]

СтаниславГурулёв (23 Июнь 2018 - 10:16) писал:

Полчилось криво почему то, как в шапке так и в подвале, я сделал в ФШ вариант как нужно, можно исправить как на фото?! Screenshot_6.png
вариант как надо!
Пожалуйста отправьте мне коды, что бы так получилось, очень прощу!

Здравствуйте, найдите в шаблоне HTML код

  <div id="header-top" class="wrap">
		< <div class="topheader-left col-md-5 col-sms-9 col-smb-6">
						<ul class="contact-us-now connect-us">

замените на

	  <div id="header-top" class="wrap">
		  <div class="container">
		<div class="topheader-left col-md-5 col-sms-9 col-smb-6">
						<ul class="contact-us-now connect-us">

далее найдите код

<div class="header-right col-sm-8 col-xs-12">
								  <div class="header-right-inner">
										<div class="contacts">
										  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<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>{% ENDIF %}
										  <a class="callback fancybox.ajax button" href="http://{NET_DOMAIN}/callback?only_body=1">Заказать звонок</a>
										  <script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
										</div>
									   
								<ul class="connect-us">
								  <li><a href="https://www.instagram.com/navistores.ru/" class="fa fa-instagram"></a></li>
								  <li><a href="#" class="fa fa-youtube"></a></li>
								  <li><a href="https://vk.com/navistores" class="fa fa-vk"></a></li>
								</ul>
						 </ul>

замените на

<div class="header-right col-sm-8 col-xs-12">
								  <div class="header-right-inner">
										<div class="contacts">
										  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<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>{% ENDIF %}
										 <div class="text_block">Звонок по России бесплатный, круглосуточный прием заказов</div>
										 <script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
										</div>
									   
								<ul class="connect-us">
								  <li><a href="https://www.instagram.com/navistores.ru/" class="fa fa-instagram"></a></li>
								  <li><a href="#" class="fa fa-youtube"></a></li>
								  <li><a href="https://vk.com/navistores" class="fa fa-vk"></a></li>
								</ul>
						   <a class="callback fancybox.ajax button" href="http://{NET_DOMAIN}/callback?only_body=1">Заказать звонок</a>

далее найдите в файле main.css код

#header .header-right .header-right-inner .contacts {
	text-align: right;
}

замените на

#header-top .topheader-left ul.contact-us-now.connect-us li.c-email {	font-size: 17px;}
#header-top .topheader-right .sns-quickaccess ul.links li a {	font-size: 16px;}
#header .header-right .header-right-inner .contacts {	text-align: right;	margin-bottom: 24px;}

#header .header-right .header-right-inner a.callback {	margin-left: 11px;	position: relative;	top: 10px;}