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


Кнопки Подепиться

Кнопки подепиться

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

#1 igorek75

igorek75

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

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

Отправлено 17 Сентябрь 2016 - 10:45

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

#2 Danil

Danil

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

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

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

Просмотр сообщенияigorek75 (17 Сентябрь 2016 - 10:45) писал:

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

#3 igorek75

igorek75

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

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

Отправлено 17 Сентябрь 2016 - 12:17

Аккаунт SL-392489

#4 Danil

Danil

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

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

Отправлено 17 Сентябрь 2016 - 12:38

Просмотр сообщенияigorek75 (17 Сентябрь 2016 - 12:17) писал:

Аккаунт SL-392489
На сайте https://tech.yandex.ru/share/ можно получить код кнопок "поделится".
Далее в шаблоне html найдите код
			  <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>
и замените на
			  <div class="link-follow">
				 КОД КНОПОК
			  </div>
После отпишитесь, мы попробуем отредактировать их стили(увеличить размер, изменить цвет и т.д.).

#5 igorek75

igorek75

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

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

Отправлено 17 Сентябрь 2016 - 14:04

Поставил только интаграмма нет жаль

#6 igorek75

igorek75

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

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

Отправлено 17 Сентябрь 2016 - 14:25

как отредактировать

#7 MikDark

MikDark

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

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

Отправлено 17 Сентябрь 2016 - 15:17

Просмотр сообщенияigorek75 (17 Сентябрь 2016 - 14:25) писал:

как отредактировать

Уточните, что конкретно в них Вы хотите поменять?

#8 igorek75

igorek75

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

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

Отправлено 17 Сентябрь 2016 - 16:30

Просмотр сообщенияDanil (17 Сентябрь 2016 - 12:38) писал:

На сайте https://tech.yandex.ru/share/ можно получить код кнопок "поделится".
Далее в шаблоне html найдите код
			 <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>
и замените на
			 <div class="link-follow">
КОД КНОПОК
			 </div>
После отпишитесь, мы попробуем отредактировать их стили(увеличить размер, изменить цвет и т.д.).


все сделал как от редактировать

#9 Danil

Danil

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

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

Отправлено 17 Сентябрь 2016 - 16:40

Просмотр сообщенияigorek75 (17 Сентябрь 2016 - 16:30) писал:

все сделал как от редактировать
К сожалению, стилистику данных кнопок отредактировать не получится, т.к. их стили подгружаются со стороннего ресурса.
Попробуйте воспользоваться другим сервисом для создания кнопок с уже подходящим дизайном, например https://share.pluso.ru/
В main.css найдите код
#footer .link-follow {list-style: none;margin: 0 0 0 -155px;text-align: center;position: relative;top: -28px;width: 315px;left: 50%;height: 55px;padding:0;}
и замените на
#footer .link-follow {list-style: none;text-align: center;position: relative;top: -28px;max-width: 723px;height: 55px;padding:0;left: 0;right: 0;margin: 0 auto;}
В шаблоне html найдите код
			  <ul class="link-follow">
				<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,lj,viber,whatsapp,skype,telegram"></div>
и замените на
			  <div class="link-follow">
				  НОВЫЙ КОД ДЛЯ КНОПОК
			 </div>


#10 igorek75

igorek75

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

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

Отправлено 17 Сентябрь 2016 - 18:12

спасибо

#11 VladimirIvanushkin

VladimirIvanushkin

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

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

Отправлено 17 Ноябрь 2017 - 17:33

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

Аккаунт SL-424967

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

  • Безымянный2121.png


#12 Danil

Danil

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

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

Отправлено 18 Ноябрь 2017 - 19:58

Просмотр сообщенияVladimirIvanushkin (17 Ноябрь 2017 - 17:33) писал:

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

Аккаунт SL-424967
Здравствуйте.
К сожалению, так сделать не получиться, т.к. кнопка поделится будет ссылаться на категорию, а не товар. Ее можно установить в карточку товара.

#13 saniok0627

saniok0627

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

  • Пользователи
  • PipPip
  • 31 сообщений
  • ГородКурск

Отправлено 11 Декабрь 2017 - 17:07

Здравствуйте, а как вставить в карточку товара кнопки от pulso
Аккаунт SL-427525

#14 RayLi

RayLi

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

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

Отправлено 12 Декабрь 2017 - 09:48

Просмотр сообщенияsaniok0627 (11 Декабрь 2017 - 17:07) писал:

Здравствуйте, а как вставить в карточку товара кнопки от pulso
Аккаунт SL-427525

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

#15 saniok0627

saniok0627

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

  • Пользователи
  • PipPip
  • 31 сообщений
  • ГородКурск

Отправлено 12 Декабрь 2017 - 16:22

Просмотр сообщенияRayLi (12 Декабрь 2017 - 09:48) писал:

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

Цитата

<script type="text/javascript">(function() {
  if (window.pluso)if (typeof window.pluso.start == "function") return;
  if (window.ifpluso==undefined) { window.ifpluso = 1;
    var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
    s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
    s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
    var h=d[g]('body')[0];
    h.appendChild(s);
  }})();</script>
<div class="pluso" data-background="#ebebeb" data-options="medium,square,line,horizontal,counter,theme=03" data-services="vkontakte,odnoklassniki,facebook,twitter,moimir"></div>

Вот скрин

И ещё 1 вопрос почему то когда нажимаешь поделиться на странице выскакивает другая картинка

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

  • скрин.JPG
  • скрин.JPG


#16 RayLi

RayLi

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

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

Отправлено 12 Декабрь 2017 - 16:32

Просмотр сообщенияsaniok0627 (12 Декабрь 2017 - 16:22) писал:

Вот скрин

И ещё 1 вопрос почему то когда нажимаешь поделиться на странице выскакивает другая картинка

Попробуйте, пожалуйста, в шаблоне Товар найти следующий код:

			<input type="button" class="quantity-plus"> 
			</span>
		  </div>
		</div>			
		<div class="add-to-cart clear">

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

			<input type="button" class="quantity-plus"> 
			</span>
		  </div>
		</div>
		<div class="pulso">
		  <script type="text/javascript">(function() {
  if (window.pluso)if (typeof window.pluso.start == "function") return;
  if (window.ifpluso==undefined) { window.ifpluso = 1;
	var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
	s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
	s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
	var h=d[g]('body')[0];
	h.appendChild(s);
  }})();</script>
   <div class="pluso" data-background="#ebebeb" data-options="medium,square,line,horizontal,counter,theme=03" data-services="vkontakte,odnoklassniki,facebook,twitter,moimir"></div>
		</div>
		<div class="add-to-cart clear">


#17 saniok0627

saniok0627

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

  • Пользователи
  • PipPip
  • 31 сообщений
  • ГородКурск

Отправлено 12 Декабрь 2017 - 16:43

Просмотр сообщенияRayLi (12 Декабрь 2017 - 16:32) писал:

Попробуйте, пожалуйста, в шаблоне Товар найти следующий код:

<input type="button" class="quantity-plus">
</span>
</div>
</div>
<div class="add-to-cart clear">

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

<input type="button" class="quantity-plus">
</span>
</div>
</div>
<div class="pulso">
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="#ebebeb" data-options="medium,square,line,horizontal,counter,theme=03" data-services="vkontakte,odnoklassniki,facebook,twitter,moimir"></div>
</div>
<div class="add-to-cart clear">
Чучуть правее их сдвинуть и попрежнему выскакивают не те фото к товару

#18 RayLi

RayLi

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

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

Отправлено 12 Декабрь 2017 - 16:47

Просмотр сообщенияsaniok0627 (12 Декабрь 2017 - 16:43) писал:

Чучуть правее их сдвинуть и попрежнему выскакивают не те фото к товару

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

.pluso {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	padding-left: 10px;
	border-radius: 22px;
	background: transparent;
	text-align: left;
	font-size: 0;
	line-height: 0;
}


#19 saniok0627

saniok0627

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

  • Пользователи
  • PipPip
  • 31 сообщений
  • ГородКурск

Отправлено 12 Декабрь 2017 - 17:08

Не изменилось, картинки рандомно выскакивают из раздела с "с этим товаром смотрят"

#20 RayLi

RayLi

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

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

Отправлено 12 Декабрь 2017 - 17:13

Просмотр сообщенияsaniok0627 (12 Декабрь 2017 - 17:08) писал:

Не изменилось, картинки рандомно выскакивают из раздела с "с этим товаром смотрят"

Данная инструкция относилась к расположению кнопок поделиться, что у Вас сейчас размещены в карточке товара на сайте.




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

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