Подскажите Пожалуйста Как Подключить Соц Сети
#1
Отправлено 20 Июль 2015 - 02:19
располагаться иконки соц сетей должны в подвале сайта!
#2
Отправлено 20 Июль 2015 - 09:30
Роман1007 (20 Июль 2015 - 02:19) писал:
располагаться иконки соц сетей должны в подвале сайта!
Здравствуйте. Если Вы хотите поставить иконки соц. сетей с ссылками на свои группы, то тогда Вам нужно найти эти иконки в интернете, загрузить их в раздел Сайт - Редактор шаблонов и прислать нам их имена, мы поможем установить. Если Вы хотите поставить кнопки Поделиться, мне нравится и т.д., то в этом случае Вам нужно в интернете найти код этих кнопок и так же прислать нам.
#3
Отправлено 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
Отправлено 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="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" > </span> <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги"> </span> <span class="icon_6" title="Мы принимаем к оплате Webmoney"> </span> <span class="icon_7" title="Мы принимаем оплату через систему РБК money"> </span> <span class="icon_8" title="Мы принимаем оплату через SMS"> </span> <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span> <span class="icon_10" title="Мы принимаем оплату через Робокассу"> </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
Отправлено 20 Июль 2015 - 13:14
MikDark (20 Июль 2015 - 12:11) писал:
<div class="wrapper"> <div id="payment_services"> <span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" > </span> <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги"> </span> <span class="icon_6" title="Мы принимаем к оплате Webmoney"> </span> <span class="icon_7" title="Мы принимаем оплату через систему РБК money"> </span> <span class="icon_8" title="Мы принимаем оплату через SMS"> </span> <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span> <span class="icon_10" title="Мы принимаем оплату через Робокассу"> </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
правильно??
#7
Отправлено 20 Июль 2015 - 19:52
#8
Отправлено 20 Июль 2015 - 20:40
Liliya (20 Июль 2015 - 19:52) писал:
Уточните, Вы хотите поставить иконку со ссылкой на страницу на инстаграмме? В этом случае уточните, где хотите видеть иконку, так же найдите ее картинку в интернете и загрузите в раздел Сайт - Редактор шаблонов.
#10
Отправлено 22 Июль 2015 - 03:31
<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
Отправлено 09 Август 2016 - 17:49
Хотел бы узнать возможно ли на наш сайт поставить виджет инстаграма, как у других.
#12
Отправлено 10 Август 2016 - 01:55
#13
Отправлено 10 Август 2016 - 12:39
Но пока только instagram нужен. Страничка в инстаграме уже есть. https://www.instagra...ochexlysvetlana
Да еще пыталась сделать баннер, не получилось. Сейчас хочу убрать их.
#14
Отправлено 10 Август 2016 - 14:09
Tina-Valentina (10 Август 2016 - 12:39) писал:
Но пока только instagram нужен. Страничка в инстаграме уже есть. https://www.instagra...ochexlysvetlana
Да еще пыталась сделать баннер, не получилось. Сейчас хочу убрать их.
</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
Отправлено 10 Август 2016 - 17:11
#16
Отправлено 10 Август 2016 - 18:04
Tina-Valentina (10 Август 2016 - 17:11) писал:
<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
Отправлено 10 Август 2016 - 18:08
#18
Отправлено 10 Август 2016 - 18:19
#19
Отправлено 11 Август 2016 - 03:14
#20
Отправлено 11 Август 2016 - 06:55
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных