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


Кнопка " Поделиться В Facebook" "в Контакте " "instagram" "twitter"


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

#1 Omnia Mea Mecum Porto

Omnia Mea Mecum Porto

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

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

Отправлено 11 Февраль 2016 - 23:45

Приветствую !

Шаблон - Весна

Установить кнопки " Поделиться в Facebook"  "В Контакте "  в карточке товара.

Требование - чтобы миниатюры-картинки в ссылке, отображали увеличенное фото товара .

Т.е.  - Нажимаем кнопку  "Поделиться в Facebook"  - Открывается окно создания поста-ссылки в Facebook. В котором отображается миниатюра. Миниатюра должна быть увеличенным фото товара .

с уважением


п.с.

Такие же кнопки в разделе Акции Магазина . Но с отображением изображения Акции.

Account number : SL-373534

пп.с.

Основная цель -  максимально автоматизировать передачу контента в  cвязанные аккаунты Facebook и В Контакте. О товарах, акциях, новостях.

#2 Vaccina

Vaccina

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

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

Отправлено 12 Февраль 2016 - 02:10

По данной ссылке сгенерируйте код кнопок:
https://tech.yandex.ru/share/

Далее расположите их в шаблонах Товар. Просмотр акции и Просмотр новости в необходимом месте.

#3 Omnia Mea Mecum Porto

Omnia Mea Mecum Porto

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

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

Отправлено 12 Февраль 2016 - 16:18

Просмотр сообщенияVaccina (12 Февраль 2016 - 02:10) писал:

Далее расположите их в шаблонах Товар. Просмотр акции и Просмотр новости в необходимом месте.

А вот как определить место, где расположить в шаблоне ?. Мне нужны кнопки  вот здесь - рис.

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

  • рисунок.png


#4 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 12 Февраль 2016 - 16:39

Просмотр сообщенияOmnia Mea Mecum Porto (12 Февраль 2016 - 16:18) писал:

А вот как определить место, где расположить в шаблоне ?. Мне нужны кнопки  вот здесь - рис.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
  <div id="tabs" class="htabs">

Замените на:
	<div class="yashare">
	<script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
	<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,twitter"></div>
	</div>
  <div id="tabs" class="htabs">

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.yashare {float:right;}


#5 Omnia Mea Mecum Porto

Omnia Mea Mecum Porto

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

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

Отправлено 12 Февраль 2016 - 16:59

Приветствую !
Все сделал. Кнопки встали красиво. Благодарю.

При первом нажатии кнопки Facebook . Все получилось красиво. Публикация получилась с фото товара и комментариями.
После выбора следующего товара почему-то , выходит вот такое - рис.

Вместо фото товара. Иконка из раздела - доставка.
И теперь в любом товаре, только иконка EMS вместо фото товара.

Как это исправить ?

браузер Mozilla, Chrome

с уважением

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

  • рисунок.png


#6 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 12 Февраль 2016 - 18:15

Просмотр сообщенияOmnia Mea Mecum Porto (12 Февраль 2016 - 16:59) писал:

Приветствую !
Все сделал. Кнопки встали красиво. Благодарю.

При первом нажатии кнопки Facebook . Все получилось красиво. Публикация получилась с фото товара и комментариями.
После выбора следующего товара почему-то , выходит вот такое - рис.

Вместо фото товара. Иконка из раздела - доставка.
И теперь в любом товаре, только иконка EMS вместо фото товара.

Как это исправить ?

браузер Mozilla, Chrome

с уважением

Внесли Вам поправки в код, а именно добавили сразу после строк meta name в шаблоне HTML строку для правильного нахождения на страницах товара основного изображения
<meta property="og:image" content="{GOODS_IMAGE_MEDIUM}"/>

И так же добавили путь к xmlns для корректной работы тега.

#7 Omnia Mea Mecum Porto

Omnia Mea Mecum Porto

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

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

Отправлено 13 Февраль 2016 - 18:39

Просмотр сообщенияFirefly (12 Февраль 2016 - 18:15) писал:

Внесли Вам поправки в код, а именно добавили сразу после строк meta name в шаблоне HTML строку для правильного нахождения на страницах товара основного изображения
<meta property="og:image" content="{GOODS_IMAGE_MEDIUM}"/>

И так же добавили путь к xmlns для корректной работы тега.

Приветствую !
Я только что звонил в поддержку. Ситуация, вкратце , такая . После прочтения цитируемого выше сообщения, открыл сайт магазина. В правом верхнем углу вышла надпись в красном квадрате " На вашей странице (или сайте) , не помню точно, обнаружено  192 ошибки и т.д..."  Сделать скрин не успел. Больше надпись не появлялась.

Открыв шаблон HTML  не обнаружил, строки   meta property = "og ... и т.д. "  о которой было написано в цитате. Вообще нигде в шаблоне не нашел такой строки.

Вставил ее сам. В 11 строку HTML кода и  сохранил.  Сейчас она в коде сохранена.
Хотел проверить пусть к xmins - но не знаю где смотреть.

Не могли бы Вы повторить цитируемую выше процедуру. И посмотреть сайт  в Mozilla и Chrome. Хочу сделать скрин этого сообщения об ошибке .Попытаться понять в чем дело. У меня  сейчас постоянная проблема с шаблоном HTML  и Kaspersky IS.  Если раньше она возникала только при просмотре шаблона , то теперь ошибка была уже на самом сайте.

SL-373534

п..с

кнопки работают ! причем корректно.
с уважением




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

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