Yandex Share захват разных изображений со страницы товара

  • 6 Ответов
  • 1237 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

pshik

  • Осваиваюсь на форуме
  • ***
  • 29
  • 0
Добрый день, добавил в карточку товара (в шаблон) кнопки от Яндекса поделиться, всё бы хорошо, но по не понятной причине, при расшаривании товара в соц. сеть, почему то захватываются произвольные изображения со все страницы. Как можно сделать так, что бы захватывались только изображения из карточки товара, а лучше даже главное изображение товара.

Ссылка:
Спойлер
[свернуть]

*

irc-h

  • Осваиваюсь на форуме
  • ***
  • 158
  • 8
Никак. Проблема в том, что каждая соц. по разному тянет картинки. Единственный вариант - ставить не "Яндекс поделиться", а по отдельности кнопки нужных соц. сетей.

*

Biss

  • Завсегдатай
  • *****
  • 760
  • 79
А может всё таки можно. Я тоже ставил кнопки яндекса, они и сейчас стоят. Подхватывают все сети фотто товара фул и тумб именно из карточки товара. В шаблон магазина добавил например после
Код
<?php foreach($this->images as $k=>$image){?>
код
Код
<meta property="image" content="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" />
или
<meta property="image" content="<?php print $this->image_product_path?>/<?php print $image->image_full?>" />
У меня правда под хайслайд переделано, но думаю это не имеет значения
« Последнее редактирование: 17.04.2015, 17:35:19 от Biss »

*

pshik

  • Осваиваюсь на форуме
  • ***
  • 29
  • 0
Никак. Проблема в том, что каждая соц. по разному тянет картинки. Единственный вариант - ставить не "Яндекс поделиться", а по отдельности кнопки нужных соц. сетей.
Данная проблема не только в Яндекс кнопках, она вылезает во всех кнопках шары...

А может всё таки можно. Я тоже ставил кнопки яндекса, они и сейчас стоят. Подхватывают все сети фотто товара фул и тумб именно из карточки товара. В шаблон магазина добавил например после
Код
<?php foreach($this->images as $k=>$image){?>
код
Код
<meta property="image" content="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" />
или
<meta property="image" content="<?php print $this->image_product_path?>/<?php print $image->image_full?>" />
У меня правда под хайслайд переделано, но думаю это не имеет значения
Огромное спасибо и низкий поклон, решение помогло, только не много изменил мета-тег:
Код
<meta property="og:image" content="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" />

*

юрий 009

  • Давно я тут
  • ****
  • 341
  • 4
спасибо Biss очень помогло. скажите пожалуйста как еще сделать чтобы оно не хватало метатеги а брало название и описание товара

*

pshik

  • Осваиваюсь на форуме
  • ***
  • 29
  • 0
Немного переделал, работает везде кроме фейсбука, в коде есть много лишнего, сильно не пинайте...

после строки:
Код
<?php foreach($this->images as $k=>$image){?>
вставляем:
Код
<meta property="og:image" content="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" onclick="showImage(<?php print $image->image_id?>)" />
<link rel="image_src" href="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" onclick="showImage(<?php print $image->image_id?>)" />

в итоге получаем - все кнопки цепляют только нужные изображения, первое - основное изображение для товара. Цеплять большие изображения не вижу смысла, поэтом подхватывает в шару миниатюры...

и ещё, в index.php (шаблона) в начале тега HTML допишите пространство имён:
Код
<html xmlns:og="http://ogp.me/ns#">

p.s. Если кто сможет пофиксить фейсбук, расскажите как... в фейсбук у меня не передаёт изображения...
p.s.Ы. Пример - _http://www.amclassic.ru/katalog/portmone-koshelki-zhenskie/3036-l-green.html

*

Efanych

  • Группа развития
  • *****
  • 4317
  • 605
Цитировать
скажите пожалуйста как еще сделать чтобы оно не хватало метатеги а брало название и описание товара
Это разметка open graph
Создание сайтов, шаблонов, помощь в решении проблем.