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

[Ламер Эникеев]

наверху сайта есть круглые кнопки фейсбука и прочего
как туда вставить данные для того, чтобы осуществлялся переход на соответствующие страницы?

и как убрать виджет ВК справа, который ведет на чужую группу?

[Firefly]

Ламер Эникеев (13 Июнь 2015 - 00:53) писал:

наверху сайта есть круглые кнопки фейсбука и прочего
как туда вставить данные для того, чтобы осуществлялся переход на соответствующие страницы?

и как убрать виджет ВК справа, который ведет на чужую группу?

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

[Ламер Эникеев]

с виджетом ВК разобрался, нашел в другой теме
SL-347629

[Firefly]

Ламер Эникеев (13 Июнь 2015 - 11:43) писал:

с виджетом ВК разобрался, нашел в другой теме
SL-347629

На данный момент часть кода отвечающая за отображение данных кнопок у Вас отсутствует, видимо, Вы ее уже удалили.
Чтобы заново добавить данные кнопки зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

		 <!-- END: Logo -->
		 <div class="header-right col-xs-8">
			 <div class="header-right-inner">

Замените на:

		 <!-- END: Logo -->
		 <div class="header-right col-xs-8">
			 <div class="header-right-inner">
			 <ul class="connect-us">
				 <li><a href="#" class="fa fa-facebook"></a></li>
				 <li><a href="#" class="fa fa-twitter"></a></li>
				 <li><a href="#" class="fa fa-youtube"></a></li>
				 <li><a href="#" class="fa fa-vk"></a></li>
			 </ul>

Вместо # Вам необходимо вставить ссылки на страницы соответствующих соцсетей.

[alexmark]

Простите за непрофессиональность, но так и не нашёл ответа на форуме

1) как на Главной удалить ненужную иконку соц сети( рядом с поиском) и одну заменить  на Instagram в соответствии с общей стилистикой шаблона (как прописать ссылки я уже понял), чтобы в итоге получились вк, инста, фейс

2) выровнять на одном уровне логотип, иконки соц сетей, поиск по сайту и кнопку выползающего виджета ВК

LS-347758
Благодарю

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

• 

[Danil]

alexmark (15 Июнь 2015 - 05:12) писал:

Простите за непрофессиональность, но так и не нашёл ответа на форуме

1) как на Главной удалить ненужную иконку соц сети( рядом с поиском) и одну заменить  на Instagram в соответствии с общей стилистикой шаблона (как прописать ссылки я уже понял), чтобы в итоге получились вк, инста, фейс

2) выровнять на одном уровне логотип, иконки соц сетей, поиск по сайту и кнопку выползающего виджета ВК

LS-347758
Благодарю

Здравствуйте.
В шаблоне html найдите код

 <li><a href="#" class="fa fa-facebook"></a></li>
				  <li><a href="#" class="fa fa-twitter"></a></li>
				  <li><a href="#" class="fa fa-instagram"></a></li>
				  <li><a href="http://vk.com/club95391384" class="fa fa-vk"></a></li>

и замените на

 <li><a href="#" class="fa fa-facebook"></a></li>
				  <li><a href="#" class="fa fa-instagram"></a></li>
				  <li><a href="http://vk.com/club95391384" class="fa fa-vk"></a></li>

Так же main.css найдите

.fa-facebook:before {content: "\f09a";}
.fa-twitter:before {content: "\f099";}
.fa-youtube:before {content: "\f167";}
.fa-vk:before {content: "\f189";}

и замените на

.fa-facebook:before {content: "\f09a";}
.fa-vk:before {content: "\f189";}
.fa-instagram:before {content: "\f16d";}

[alexmark]

Danil (15 Июнь 2015 - 09:53) писал:

Здравствуйте.
В шаблоне html найдите код

<li><a href="#" class="fa fa-facebook"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-instagram"></a></li>
<li><a href="http://vk.com/club95391384" class="fa fa-vk"></a></li>

и замените на

<li><a href="#" class="fa fa-facebook"></a></li>
<li><a href="#" class="fa fa-instagram"></a></li>
<li><a href="http://vk.com/club95391384" class="fa fa-vk"></a></li>

Так же main.css найдите

.fa-facebook:before {content: "\f09a";}
.fa-twitter:before {content: "\f099";}
.fa-youtube:before {content: "\f167";}
.fa-vk:before {content: "\f189";}

и замените на

.fa-facebook:before {content: "\f09a";}
.fa-vk:before {content: "\f189";}
.fa-instagram:before {content: "\f16d";}

Отлично, все получилось
Но на повестке осталось все-таки два вопроса:
1) иконка Инстаграма при наведении на неё не меняет цвет( с иконками ВК и ФБ все ок), что делать???
2) а на счет выравнивания?(см предыдущее сообщение) было бы супер!!!
Спасибо

[Danil]

alexmark (15 Июнь 2015 - 12:39) писал:

Отлично, все получилось
Но на повестке осталось все-таки два вопроса:
1) иконка Инстаграма при наведении на неё не меняет цвет( с иконками ВК и ФБ все ок), что делать???
2) а на счет выравнивания?(см предыдущее сообщение) было бы супер!!!
Спасибо

1) В main.css найдите код

#header .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}

и замените на

#header .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}
#header .header-right .header-right-inner .connect-us li a.fa-instagram:hover {border-color: #537599;color: #537599;}

2) В конец main.css добавьте

#header .header-right .header-right-inner .connect-us {
  margin-top: 20px;
}

[alexmark]

Danil (15 Июнь 2015 - 12:52) писал:

1) В main.css найдите код

#header .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}

и замените на

#header .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}
#header .header-right .header-right-inner .connect-us li a.fa-instagram:hover {border-color: #537599;color: #537599;}

2) В конец main.css добавьте

#header .header-right .header-right-inner .connect-us {
margin-top: 20px;
}

Сам подкорректировал цвет при наведении- вроде все получилось, а вот с выравниванием так ничего и не выходит!(

[Danil]

alexmark (15 Июнь 2015 - 13:13) писал:

Сам подкорректировал цвет при наведении- вроде все получилось, а вот с выравниванием так ничего и не выходит!(

Пришлите скриншот, на котором обозначьте, где именно должны находится иконки с соц. сетями.

[alexmark]

Danil (15 Июнь 2015 - 13:16) писал:

Пришлите скриншот, на котором обозначьте, где именно должны находится иконки с соц. сетями.

Иконки выровнены отлично, вероятно я не правильно изъясняюсь: нужно, чтобы логотип был на уровне с ними, на одном уровне, ВСЕ!)

[RayLi]

alexmark (15 Июнь 2015 - 13:19) писал:

Иконки выровнены отлично, вероятно я не правильно изъясняюсь: нужно, чтобы логотип был на уровне с ними, на одном уровне, ВСЕ!)

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

#header #logo {
display: block;
float: left;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

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

#header #logo {
display: block;
float: left;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: -20px;
}

[alexmark]

RayLi (15 Июнь 2015 - 13:30) писал:

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

#header #logo {
display: block;
float: left;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

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

#header #logo {
display: block;
float: left;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: -20px;
}

Отлично, спасибо огромное!!!

[tanch]

Подскажите - как вставить иконку "ВКонтакте" в Связь с администрацией
после иконки скайпа в такой же стилистике
и чтобы открывалось в новом окне

Сделала так:

 <p class="fa fa-vk"><a href="http://vk.com/im?media=&sel=-25158937">Напишите нам Вконтакте</a></p>

Но иконка от ВК не встала

[Юля123]

tanch (27 Декабрь 2015 - 17:33) писал:

Подскажите - как вставить иконку "ВКонтакте" в Связь с администрацией
после иконки скайпа в такой же стилистике
и чтобы открывалось в новом окне

Сделала так:

 <p class="fa fa-vk"><a href="http://vk.com/im?media=&sel=-25158937">Напишите нам Вконтакте</a></p>

Но иконка от ВК не встала

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

{% IF SETTINGS_STORE_SKYPE %}<p class="c-skype"><label>Skype:</label> <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}

после него добавьте код:

<p class="c-vk"><label>Вконтакте:</label><a href="http://vk.com/vsem_sestram"> http://vk.com/vsem_sestram</a></p>

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

.block-contact .block-content p.c-skype:hover:before {color:#3cabda;}

после него добавьте код:

.block-contact .block-content p.c-vk:before {content: "\f189";font-size: 24px;line-height:34px;text-align:center;background: none;color: #C8C8C8;font-family: FontAwesome;font-style: normal;font-weight: normal;}
.block-contact .block-content p.c-vk:hover:before {color:#3cabda;}

затем там же найдите код:

.block-contact .block-content p.c-email, .block.block-contact .block-content p.c-phone, .block.block-contact .block-content p.c-skype, .block.block-contact .block-content p.c-icq {line-height: 40px;}

и замените на код:

.block-contact .block-content p.c-email, .block.block-contact .block-content p.c-phone, .block.block-contact .block-content p.c-skype, .block.block-contact .block-content p.c-icq, block.block-contact .block-content p.c-vk {line-height: 40px;}

[Органика]

Здравствуйте! Подскажите, пожалуйста, как вместо иконки "Поддержка" на главной странице установить "Мы в социальных сетях" и прикрепить туда ссылочки на ВК и инстаграмм (с иконками контакта и инстаграмма)?

[MikDark]

Органика (16 Ноябрь 2016 - 12:09) писал:

Здравствуйте! Подскажите, пожалуйста, как вместо иконки "Поддержка" на главной странице установить "Мы в социальных сетях" и прикрепить туда ссылочки на ВК и инстаграмм (с иконками контакта и инстаграмма)?

Здравствуйте. В шаблоне HTML Замените код:

<h3 class="title-block">Поддержка</h3>
	   <p>Поддержка клиентов по телефону</p>

на

<h3 class="title-block">Мы в соц. сетях</h3>
	   <p><div class="socicon"><a href="ссылка на страницу ВК"><img src="ссылка на иконку вк"></a><a href="ссылка на страницу ОК"><img src="ссылка на иконку ОК"></a></div></p>

в него подставьте ссылки на страницы в соц.сетях и ссылки на иконки соц. сетей. Сами иконки Вы можете загрузить в раздел Сайт - Редактор шаблонов.
Далее в style.css добавьте:

.socicon a img {width:30px;}

[Органика]

Благодарю, все получилось! А можно сделать расстояние (высоту) поменьше между "Мы в соц сетях" и иконками?

[Razon]

Органика (16 Ноябрь 2016 - 13:21) писал:

Благодарю, все получилось! А можно сделать расстояние (высоту) поменьше между "Мы в соц сетях" и иконками?

В конце файла style.css добавьте:

.socicon {
	margin-top: -20px;
}

[Органика]

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