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


Подскажите Пожалуйста Как Подключить Соц Сети


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

#1 Роман1007

Роман1007

    Продвинутый пользователь

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

Отправлено 20 Июль 2015 - 02:19

Подскажите пожалуйста как подключить соц сети к своему сайту, вывести иконки соц сетей и подключить свои аккаунты к  ним???
располагаться иконки соц сетей должны в подвале сайта!

#2 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 20 Июль 2015 - 09:30

Просмотр сообщенияРоман1007 (20 Июль 2015 - 02:19) писал:

Подскажите пожалуйста как подключить соц сети к своему сайту, вывести иконки соц сетей и подключить свои аккаунты к  ним???
располагаться иконки соц сетей должны в подвале сайта!

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

#3 Роман1007

Роман1007

    Продвинутый пользователь

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

Отправлено 20 Июль 2015 - 10:16

Просмотр сообщенияMikDark (20 Июль 2015 - 09:30) писал:

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


Загрузил  как вы написали картинки в редакторе шаблонов
названия картинок : vk_button.png , face_button.png , youtube-button.png
ссылки на соц сети : https://vk.com/club91042360 , https://www.facebook.com/farbors.ru , http://www.youtube.c...aTor8XHkb9wrkRQ

что делать дальше?

#4 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 20 Июль 2015 - 12:11

Просмотр сообщенияРоман1007 (20 Июль 2015 - 10:16) писал:

Загрузил  как вы написали картинки в редакторе шаблонов
названия картинок : vk_button.png , face_button.png , youtube-button.png
ссылки на соц сети : https://vk.com/club91042360 , https://www.facebook.com/farbors.ru , http://www.youtube.c...aTor8XHkb9wrkRQ

что делать дальше?

В шаблоне HTML найдите код:
<div class="wrapper">
			  <div id="payment_services">
				<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
				<span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
				<span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
			  </div>
			</div>

и после него добавьте:
<div class="soc"><a href="https://vk.com/club91042360" target="_blank"><img src="{ASSETS_IMAGES_PATH}vk_button.png"></a><a href="https://www.facebook.com/farbors.ru" target="_blank"><img src="{ASSETS_IMAGES_PATH}face_button.png"></a><a href="http://www.youtube.com/channel/UCkO_7fzXaTor8XHkb9wrkRQ" target="_blank"><img src="{ASSETS_IMAGES_PATH}youtube-button.png"></a></div>

Далее в main.css добавьте:
.soc a img {width:40px;margin:5px;}


#5 Роман1007

Роман1007

    Продвинутый пользователь

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

Отправлено 20 Июль 2015 - 13:14

Просмотр сообщенияMikDark (20 Июль 2015 - 12:11) писал:

В шаблоне HTML найдите код:
<div class="wrapper">
			 <div id="payment_services">
			 <span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
			 <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
			 <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
			 <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
			 <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
			 <span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
			 <span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
			 <span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
			 <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
			 <span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
			 </div>
		 </div>

и после него добавьте:
<div class="soc"><a href="https://vk.com/club91042360" target="_blank"><img src="{ASSETS_IMAGES_PATH}vk_button.png"></a><a href="https://www.facebook.com/farbors.ru" target="_blank"><img src="{ASSETS_IMAGES_PATH}face_button.png"></a><a href="http://www.youtube.com/channel/UCkO_7fzXaTor8XHkb9wrkRQ" target="_blank"><img src="{ASSETS_IMAGES_PATH}youtube-button.png"></a></div>

Далее в main.css добавьте:
.soc a img {width:40px;margin:5px;}

main.css не нашел есть main.js
добавил в  style.css
правильно??

#6 RayLi

RayLi

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

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

Отправлено 20 Июль 2015 - 13:17

Просмотр сообщенияРоман1007 (20 Июль 2015 - 13:14) писал:

main.css не нашел есть main.js
добавил в  style.css
правильно??

Здравствуйте.
Да, вы сделали всё правильно, выполнив данную инструкцию в шаблоне style.css .

#7 Liliya

Liliya

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

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

Отправлено 20 Июль 2015 - 19:52

как подключить инстаграмм к сайту,подскажите пожауйста?

#8 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 20 Июль 2015 - 20:40

Просмотр сообщенияLiliya (20 Июль 2015 - 19:52) писал:

как подключить инстаграмм к сайту,подскажите пожауйста?

Уточните, Вы хотите поставить иконку со ссылкой на страницу на инстаграмме? В этом случае уточните, где хотите видеть иконку, так же найдите ее картинку в интернете и загрузите в раздел Сайт - Редактор шаблонов.

#9 Liliya

Liliya

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

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

Отправлено 21 Июль 2015 - 10:57

Добрый день! Значок инстаграмма добавила, а на сайте чтоб был в правом углу рядом со всеми соц.сетями, и клик на значок переходил на страницу. Как это сделать?

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

  • сним.jpg


#10 Vaccina

Vaccina

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

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

Отправлено 22 Июль 2015 - 03:31

В шаблоне 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-youtube"></a></li>
				  <li><a href="#" class="fa fa-vk"></a></li>
перед ним вставьте:
<li><a href="ссылку куда ведет при клике" class="fa"><img src="ссылка на иконку" alt="" /></a></li>

Вместо текста подставьте необходимы значения

#11 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

  • Пользователи
  • PipPipPipPip
  • 420 сообщений
  • ГородМосква

Отправлено 09 Август 2016 - 17:49

Добрый вечер!
Хотел бы узнать возможно ли на наш сайт поставить виджет инстаграма, как у других.

#12 Vaccina

Vaccina

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

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

Отправлено 10 Август 2016 - 01:55

Опишите пожалуйста подробней, какой виджет или кнопки вам необходимы, можете привести пример?

#13 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

  • Пользователи
  • PipPipPipPip
  • 420 сообщений
  • ГородМосква

Отправлено 10 Август 2016 - 12:39

Добрый день! Нужны виджеты под "Вы смотрели", intsagram, ВКонтакте, Одноклассники.
Но пока только instagram нужен. Страничка в инстаграме уже есть. https://www.instagra...ochexlysvetlana
Да еще пыталась сделать баннер, не получилось. Сейчас хочу убрать их.

#14 Alekseys

Alekseys

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

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

Отправлено 10 Август 2016 - 14:09

Просмотр сообщенияTina-Valentina (10 Август 2016 - 12:39) писал:

Добрый день! Нужны виджеты под "Вы смотрели", intsagram, ВКонтакте, Одноклассники.
Но пока только instagram нужен. Страничка в инстаграме уже есть. https://www.instagra...ochexlysvetlana
Да еще пыталась сделать баннер, не получилось. Сейчас хочу убрать их.
Здравствуйте. В соответствующих соц-сетях сгенерируйте код виджета, после чего вставьте его в разделе Сайт - Редактор шаблонов - HTML перед
		</div>
	  </div>
	<div class="footer_bg_color">
чтобы убрать баннеры в шаблоне HTML замените
		  <!-- END Недавно просмотренные товары --><div class="banner_left">Баннер 1</div>
<div class="banner_right">Баннер 2</div><style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }</style>
<a href="https://www.instagram.com/avtochexlysvetlana/?ref=badge" class="ig-b- ig-b-48"><img src="//badges.instagram.com/static/images/ig-badge-48.png" alt="Instagram" /></a>
на
		  <!-- END Недавно просмотренные товары -->

<a href="https://www.instagram.com/avtochexlysvetlana/?ref=badge" class="ig-b- ig-b-48"><img src="//badges.instagram.com/static/images/ig-badge-48.png" alt="Instagram" /></a>
и в конец style.css добавьте
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }


#15 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

  • Пользователи
  • PipPipPipPip
  • 420 сообщений
  • ГородМосква

Отправлено 10 Август 2016 - 17:11

Спасибо, "баннеры" убрала, но не получается создать виджет. :( старая иконка instagrama так и висит.

#16 Alekseys

Alekseys

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

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

Отправлено 10 Август 2016 - 18:04

Просмотр сообщенияTina-Valentina (10 Август 2016 - 17:11) писал:

Спасибо, "баннеры" убрала, но не получается создать виджет. :( старая иконка instagrama так и висит.
Для удаления ссылки на инстрограмм в шаблоне HTML удалите
<a href="https://www.instagram.com/avtochexlysvetlana/?ref=badge" class="ig-b- ig-b-48"><img src="//badges.instagram.com/static/images/ig-badge-48.png" alt="Instagram" /></a>
непосредственно для инстограмма создать виджет по техническим причинам не выйдет.

#17 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

  • Пользователи
  • PipPipPipPip
  • 420 сообщений
  • ГородМосква

Отправлено 10 Август 2016 - 18:08

Спасибо за ответ. Тогда оставлю, как есть.

#18 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

  • Пользователи
  • PipPipPipPip
  • 420 сообщений
  • ГородМосква

Отправлено 10 Август 2016 - 18:19

Помогите пожалуйста с фотогалерей ! Где-то у вас прочитала, что можно создать категорию с товарами, где товары отображаются без цен и характеристик, только фото. Потом линк этой страницы перенести в раздел "Галерея". Нам это очень нужно!!!

#19 Vaccina

Vaccina

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

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

Отправлено 11 Август 2016 - 03:14

Создайте категорию Галерея и скройте ее, добавьте в нее товары(альбомы), отпишитесь нам по изменениям и мы пришлем инструкцию как убрать кнопки для данной категории.

#20 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

  • Пользователи
  • PipPipPipPip
  • 420 сообщений
  • ГородМосква

Отправлено 11 Август 2016 - 06:55

Доброе утро! Создала категорию и картинки вставила . http://svetlana-chex.../Fotogalereya-2




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

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