Jump to content

Кнопки социальных сетей. Реализация

asenik
 Share

Recommended Posts

  • Popular Post
asenik Newbie

asenik

Posted
  • Popular Post
Posted

Всем привет.

 

Вчера помучился и поставил себе наконец-то кнопки соцсетей в магазине.

Поставил кнопки +1, твиттер, Фейсбук, одноГлазники и вконтакте.

 

Как выглядит - смотрим ТУТ, выбрать любой товар (под фоткой).

 

Код, который вставил в файл product.tpl:

 

<link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet">
{literal}<script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script>{/literal}

<BR>
<table border="0" cellspacing="5" cellpadding="1" width="250"><tbody>
   <tr>
<td valign="top" width="40"><g:plusone size="medium"></g:plusone></td>

   <td valign="top" width="70"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Asenyk" data-related="glavatska">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>

<td valign="top" width="120"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=193592387363063&xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="120" show_faces="false" font=""></fb:like></td>
</tr>
</tbody></table>

<table border="0" cellspacing="5" cellpadding="1" width="250"><tbody>
   <tr>
          <td valign="top" width="150"><div id="vk_like"></div>
{literal}<script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "button"}); </script>{/literal}
</td>

     <td valign="top" width="100"><a class="odkl-klass-stat" href="" onclick="ODKL.Share(this);return false;" ><span>0</span></a></td>
   </tr>
</tbody></table>

 

По сути, это таблица со вписанными кодами кнопок.

Не забывайте поменнят свои параметры, там где нужно!

 

А также кусочек кода в файл footer.tpl, прямо перед тегом </body>: 

	<body onload="ODKL.init();">

{literal}<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'uk'} </script> {/literal}

 

Вот и всё. Кнопки готовы.

Будут вопросы - задавайте.

Будет настроение - ставте плюсик ) Интересно знать, скольким помог )))

  • Like 15
Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

По сути, на сегодня остался только один нерешённый вопрос - при надатии кнопки "Лайк" - на фейсбук попадает краткая сводка по товару, которая включает фото.

Так вот - фото ставится по непонятному мне сыбору - но совсем не фото товара, страницу которого я "лайкнул".

 

Если кто сталкивался - советуйте, как бороться.

  • Like 1
Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

Наконец-то поборол проблему неправильной картинки, с помощью "молотка и такой-то матери" )))

 

Молоток - модуль likealotmodule1_2, Но сам молоток работал точно так же, как и просто вставленный мной код. Поэтому пришлось на ФБ создать собственную апликацию, и использовать её номер при настройке модуля.

 

В конечном результате, что получилось и какие инструменты использовались: это 2 модуля - упомянутый выше likealotmodule1_2 и Vk API.

Претерпел изменения и код, который я поставил себе не сайт (его можно подогнать под себя, меняя кнопки местами и ставя разные типы кнопок - со счётчиками или без, большие или маленькие)

 

Код из файла product.tpl:

<!-- usefull links - блок где прописываются модули типа "отправить другу и т.п.-->

<link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet">
{literal}<script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script>{/literal}
<BR>
<table border="0" cellspacing="5" cellpadding="5" width="250"><tbody><tr>
<td valign="top" width="100"><g:plusone></g:plusone></td>
<td valign="top" width="100" cellpadding="10" ><div id="vk_like"></div>
{literal}<script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "button"}); </script>{/literal}</td></tr></tbody></table>

<table border="0" cellspacing="5" cellpadding="5" width="250"><tbody><tr>
<td valign="top" width="100"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="SharmLvivUa" data-related="Asenyk">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>
<td valign="top" width="100"><div style="float: left;"><a class="odkl-share-oc" href="" onclick="ODKL.Share(this);return false;" ><span>0</span></a></div></a></td></tr></tbody></table>

<!-- начало обычного блока usefull links-->
	<ul id="usefull_link_block">
		{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
		{if $have_image && !$jqZoomEnabled}
		<li><span id="view_full_size" class="span_link">{l s='View full size'}</span></li>
		{/if}
	</ul>

</div>

 

И не забываем о коде. который нужно вставить перед закрытием тега </body>:

 

      <body onload="ODKL.init();">

       {literal}<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'uk'} </script> {/literal}

 

Как это всё выглядит - смотрите на фото или в магазине (в подписи).

Всё ))

post-243357-0-62969300-1312916056_thumb.jpg

  • Like 3
Link to comment
Share on other sites
Leonid Stas Newbie

Leonid Stas

Posted
Posted

Наконец-то поборол проблему неправильной картинки, с помощью "молотка и такой-то матери" )))

 

Молоток - модуль likealotmodule1_2, Но сам молоток работал точно так же, как и просто вставленный мной код. Поэтому пришлось на ФБ создать собственную апликацию, и использовать её номер при настройке модуля.

 

В конечном результате, что получилось и какие инструменты использовались: это 2 модуля - упомянутый выше likealotmodule1_2 и Vk API.

Претерпел изменения и код, который я поставил себе не сайт (его можно подогнать под себя, меняя кнопки местами и ставя разные типы кнопок - со счётчиками или без, большие или маленькие)

 

Код из файла product.tpl:

 

 

Как это всё выглядит - смотрите на фото или в магазине (в подписи).

Всё ))

А каким модулем ты вывел авторизацию в соц сетях (в комментариях товаров)?

Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

А каким модулем ты вывел авторизацию в соц сетях (в комментариях товаров)?

А это уже тема для отдельного топика))

 

особо сложного там ничего нет - просто немного подредактированный модуль productcomments + использование бесплатного сервиса Disqus.

 

Писать новую тему? ))

  • Like 1
Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

Вот интересссно мне, кстати - а скольким людям-то помогло???

А то плюсик только один проставили... жадины )))

 

Как то при ощущении что пишеш никому не нужную инфу - и писать то не особо хочется...

  • Like 3
Link to comment
Share on other sites
Ronaldo Perez Newbie

Ronaldo Perez

Posted
Posted

Вот интересссно мне, кстати - а скольким людям-то помогло???

А то плюсик только один проставили... жадины )))

 

Как то при ощущении что пишеш никому не нужную инфу - и писать то не особо хочется...

 

не переймайся, друже)

У тебя оч приятный магазин в плане дизайна и вообще. Если пост не помог сейчас, то явно поможет в будущем, хорошо что постишь код.

По комментариям - пиши однозначно, очень часто этот вопрос подымается.

 

Лови плюсик)

Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

не переймайся, друже)

У тебя оч приятный магазин в плане дизайна и вообще. Если пост не помог сейчас, то явно поможет в будущем, хорошо что постишь код.

По комментариям - пиши однозначно, очень часто этот вопрос подымается.

 

Лови плюсик)

Дякую)

 

Тема фришная, допиляная мной приблизительно до того состояния, которое хотелось.

Сама тема тут.

  • Like 1
Link to comment
Share on other sites
  • 1 month later...
asenik Newbie

asenik

Posted
  • Author
Posted

А вы проставили плагин Vk API. ??

 

 

Кстати, в куске кода:

<td valign="top" width="70"><a href="[url="http://twitter.com/share"]http://twitter.com/share[/url]" class="twitter-share-button" data-count="horizontal" data-via="Asenyk" data-related="glavatska">Tweet</a><script type="text/javascript" src="[url="http://platform.twitter.com/widgets.js"]http://platform.twitter.com/widgets.js[/url]"></script></td>

 

есть 2 значения: data-via="Asenyk" data-related="glavatska" - замените первое на свой акаунт твиттера, а второе - на дополнительный аккаунт, если есть.

Эти акаунты отображаются в твитах, которые публикуются после нажатия соответствующей кнопки.

Link to comment
Share on other sites
vesely Newbie

vesely

Posted
Posted (edited)

Спасибо за код.

P.S. А где плюсик то ставить? ;) Везде что ли?

P.S.2. Поставил плюсик в своем любимом аромате GUCCI Pour Homme :D

 

P.S.3. Не мог оставить коммент с помощью ФФ, дискус ругался.

Edited by vesely (see edit history)
Link to comment
Share on other sites
  • 4 weeks later...
pazient Newbie

pazient

Posted
Posted

что-то на 1.4 не получается. в смысле, работает все, кроме "вконтакте". там, где должна быть их кнопка выдает "no application data". Может, кто сталкивался? Вообще было здорово сделать мелкие красивые однотипные кнопки, как на этом форуме, снизу, когда пишешь сообщение. Но я так понимаю, для этого надо нанимать человека и платить ему )

Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

я не вижу смысла в маленьких красивыых кнопках .чесно - ведь у них нету счётчиков.

А именно показатель "лайков" и аналогичных сердечек/+1 у других соцсетей может служить показателем популярности для покупателей, и позитивно влиять на выбор товара.

 

касательно кнопки "вконтакте" - а вы проставили плагин Vk API. ??

Link to comment
Share on other sites
Ronaldo Perez Newbie

Ronaldo Perez

Posted
Posted

я не вижу смысла в маленьких красивыых кнопках .чесно - ведь у них нету счётчиков.

 

посмотри реализацию на ексе, и на хабре был пример как суммировать результаты, все таки смотрится аккуратнее, имхо.

Link to comment
Share on other sites
Ronaldo Perez Newbie

Ronaldo Perez

Posted
Posted

да, просто обратил внимание что у них как раз так реализовано

 

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

Проще видимо глянуть как на ексе сделано, думаю там чистый js

Link to comment
Share on other sites
pazient Newbie

pazient

Posted
Posted

я не вижу смысла в маленьких красивыых кнопках .чесно - ведь у них нету счётчиков.

А именно показатель "лайков" и аналогичных сердечек/+1 у других соцсетей может служить показателем популярности для покупателей, и позитивно влиять на выбор товара.

 

касательно кнопки "вконтакте" - а вы проставили плагин Vk API. ??

да, оба, упомянутых выше плагина стоят, в Vk.API прописан номер приложения...что-то похимичил с кодом, кнопка появилась, но работать отказывается, в смысле, после нажатия "мне нравится" инфу никуда не передает и счетчик не увеличивается. Где еще можно посмотреть, в чем проблема?

 

зы: возможно, вот код, о котором идет речь?

http://habrahabr.ru/blogs/social_networks/116584/

 

насчет актуальности мелких кнопок, оно то может и правильнее с точки зрения маркетинга, видеть кол-во "лайков" но не всегда громоздкие и разнооформленные кнопки удачно вписываются в общий дизайн сайтов. В этом плане, конечно, хорошо смотрятся Sexy Bookmarks, но они не настроены дружественно по отношению к русским соц. сетям

Link to comment
Share on other sites
Ronaldo Perez Newbie

Ronaldo Perez

Posted
Posted
зы: возможно, вот код, о котором идет речь?

http://habrahabr.ru/...etworks/116584/

 

да, оно.

 

 

Где еще можно посмотреть, в чем проблема?

 

вынеси в отдельные штмл файлы текущий код и вариант от вконтакта - сравнение и анализ.

Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

Ну, тут могу сказать только то, что я совсем не програмер и на звание таковое не претендую...

Потому делать кастомную реализацию кнопок не буду. однозначно.

 

 

pazient

 

Покажи плз, сайт не котором реализуешь кнопки. гляну.

Или код страницы товара.

Link to comment
Share on other sites
gabdr Newbie

gabdr

Posted
Posted

у меня несколько вопросов

 

1) что такое Ваш API ID и где его взять

2) asenik обещал создать тему с комментами, я ее не обнаружил

3) как редактировать js в сетях? или как то по др. настройки делаются?

Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

у меня несколько вопросов

 

1) что такое Ваш API ID и где его взять

2) asenik обещал создать тему с комментами, я ее не обнаружил

3) как редактировать js в сетях? или как то по др. настройки делаются?

 

1. Ты имеешь ввиду Facebook APP ID ??

Я создал приложение на ФБ, специально для того чтобы вписать эту ID.

Вот оно: https://developers.facebook.com/apps/129687760458080

Как делал - не помню))) Ройтесь по ФБ или просто попробуйте подставить мою ID - 129687760458080

 

2. Тема тут - http://bit.ly/rpg55k

3. по js не скажу. Что именно ты поменять хочешь?

Каждая кнопка может настраиватся в самих соцсетях - и потом результат в виде кода просто подменяется.

  • Like 1
Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

pazient

 

 

в коде вроде бы всё ОК.

Ты на живом сервере ставишь, или у себя, на локалхосте?

 

П.С. Прибей код в предыдущем посте - уйму места занимает...

  • Like 1
Link to comment
Share on other sites
gabdr Newbie

gabdr

Posted
Posted

я имел ввиду vk api там в настройках просит id api

 

да и фейсбук меня мало интересует, вся ауудитория у нас в вк , сперва с ним надо разобраться

Link to comment
Share on other sites
pazient Newbie

pazient

Posted
Posted

использую уже на хостинге, могу дать ссылку. я вот сейчас думаю, если с кодом все верно и остальные кнопки работают как надо (проверял и одноклассники и твиттер и гугл +1, то, быть может, проблема вк в этом модуле Vk.API, а точнее в номере приложения, который указывается в настройках модуля? Может, на самом сайте вконтакте я как-то не правильно создаю это приложение и не тот номер пишу, что мне выдает надпись "No application domain" на месте кнопки "мне нравиться"? В общем, какой номер туда можно попробовать прописать для теста или каков он в оригинале, сколько цифр должно быть?

 

зы: gabdr, Vk.API создается тут - http://vkontakte.ru/...?act=add&site=1 там и номер выдается. только вот у меня почему то не получилось...

Link to comment
Share on other sites
pazient Newbie

pazient

Posted
Posted

повторил попытку создания приложения вконтакте (ссылка в посте выше), внес номер в настройки модуля престы VK.Api и все заработало как часы. Настроил под дизайн, все отлично. Так что спасибо огромное автору, держи плюс в репу! И извиняюсь за свой косяк, видимо ошибка была где-то при регистрации приложения на самом сайте вконтакте.

 

зы: не будешь ли так любезен подсказать, что за модуль используется на твоем сайте для zoom'а картинок на страницах товаров и что за модуль в нижнем правом углу для кнопок с соц. сетями?

 

еще раз спасибо за реализацию и помощь в устранении ошибки!

Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

Рад что заработало )

 

По картинкам: это стандартный функционал, включается в админке - настройка - товары - Включить Jqzoom:

 

Модуль для кнопок называется Jgrowl v0.3 - это просто возможность вставить произвольный текст. Я туда вписал кнопки соцсетей,

 

<table border='0' cellspacing='5' cellpadding='1' width='200'>
<tbody>
<tr>	  
<td valign='top' width='40'><a href='http://www.facebook.com/sharm.lviv.ua' target='_blank'><img title='Sharm on Facebook' alt='Facebook' src='http://sharm.lviv.ua/img/fb.png'/></a></td>
<td valign='top' width='40'><a href='http://twitter.com/SharmLvivUa' target='_blank'><img title='Sharm on Twitter' alt='Sharm on Twitter' src='http://sharm.lviv.ua/img/tw.png'/></a></td>
<td valign='top' width='40'><a href='http://www.youtube.com/user/SharmLviv' target='_blank'><img title='Sharm on Youtube' alt='Sharm on Youtube' src='http://sharm.lviv.ua/img/yt.png'/></a></td>	  
<td valign='top' width='40'><a href='http://vkontakte.ru/sharm.lviv' target='_blank'><img title='Sharm on Vkontakte' alt='Sharm on Vkontakte' src='http://sharm.lviv.ua/img/vk.png'/></a></td>	  
<td valign='top' width='40'><a href='http://odnoklassniki.ru/group/51781999329527' target='_blank'><img title='Sharm on Odnoklassniki' alt='Sharm on Odnoklassniki' src='http://sharm.lviv.ua/img/od.png'/></a></td>  
</tr>  
</tbody>
</table>

 

только не забываем менять соответствующие линки на страницы ))

  • Like 1
Link to comment
Share on other sites
gabdr Newbie

gabdr

Posted
Posted

у меня тоже вк заработало

 

поставил такой код с вк.апи

<div id="vk_auth"></div>
<script type="text/javascript">
VK.Widgets.Auth("vk_auth", {width: "200px", authUrl: '/developers.php?o=-1&p=Auth'});
</script>

 

извиняюсь, а где достать модуль Jgrowl v0.3

Link to comment
Share on other sites
pazient Newbie

pazient

Posted
Posted

Кстати, по поводу зума, есть прекрасная альтернатива стандартному Jqzoom с кучей настроек и удобных фишек, это Magic Zoom, модуль, быстро интегрируемый и легко-настраиваемый под престу. Могу слегка помочь с отучением его от жадности

  • Like 1
Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

Кстати, по поводу зума, есть прекрасная альтернатива стандартному Jqzoom с кучей настроек и удобных фишек, это Magic Zoom, модуль, быстро интегрируемый и легко-настраиваемый под престу. Могу слегка помочь с отучением его от жадности

 

Делись))

[email protected]

Link to comment
Share on other sites
pazient Newbie

pazient

Posted
Posted

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

Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

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

Спасибо, думаю разберусь)

 

Пока ставить не буду, разве на тестовый свой...

Для парфюмерии мне много не надо с фотографиями баловаться... вот для одежді - полезная штука..

Link to comment
Share on other sites
gabdr Newbie

gabdr

Posted
Posted

люди как настроить данный код чтобы он работал, ставлю вся страница пропадает

 

взято отсюда http://api.mail.ru/sites/plugins/share/ код на 2 кнопки мой мир и одноклассники

<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share?share_url=http%3A%2F%2Fapi.mail.ru" data-mrc-config="{'type' : 'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true', 'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

Link to comment
Share on other sites
gabdr Newbie

gabdr

Posted
Posted

люди как настроить данный код чтобы он работал, ставлю вся страница пропадает

 

взято отсюда http://api.mail.ru/s.../plugins/share/ код на 2 кнопки мой мир и одноклассники

<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share?share_url=http%3A%2F%2Fapi.mail.ru" data-mrc-config="{'type' : 'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true', 'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

решил проблему, вот рабочий код

<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" type: "button", caption-mm: "1", caption-ok : "1", counter : "true", text : "true", width: "100%">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

Link to comment
Share on other sites
gabdr Newbie

gabdr

Posted
Posted

модернизировал код asenika

 

6 кнопок нравится: фейсбук, одноклассники, мой мир, гугл+, вконтакте, твиттер и кнопка добавить в закладки и поделиться

 

активируем модуль поделиться с друзьями, заходим в modules/sendtoafriend открываем product_page.tpl вставляем код и сохраняем,вуаля!

 

для работы кнопки вконтакте и добавить в закладки и поделиться нужно установить вк.апи и Блок закладок

 

ввести логин и название проекта в код для твиттера

<td valign="top" width="120"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=193592387363063&xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="120" show_faces="false" font=""></fb:like></td>
<td valign="top" width="100"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Название вашего проекта" data-related="Ваш аккаунт в твиттере">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" type: "button", caption-mm: "1", caption-ok : "1", counter : "true", text : "true", width: "100%">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
<body onload="ODKL.init();">
	{literal}<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'ru'} </script> {/literal}
<table border="0" width="170"><tbody><tr>
<td valign="top" width="100"><g:plusone></g:plusone></td>
<td valign="top" width="100" ><div id="vk_like"></div>
{literal}<script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "button"}); </script>{/literal}</td></tr></tbody></table>

<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=xa-4ade2b5a10098084"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4ade2b5a10098084"></script>

  • Like 1
Link to comment
Share on other sites
gabdr Newbie

gabdr

Posted
Posted

модернизировал код asenika

 

6 кнопок нравится: фейсбук, одноклассники, мой мир, гугл+, вконтакте, твиттер и кнопка добавить в закладки и поделиться

 

активируем модуль поделиться с друзьями, заходим в modules/sendtoafriend открываем product_page.tpl вставляем код и сохраняем,вуаля!

 

для работы кнопки вконтакте и добавить в закладки и поделиться нужно установить вк.апи и Блок закладок

 

ввести логин и название проекта в код для твиттера

<td valign="top" width="120"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=193592387363063&xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="120" show_faces="false" font=""></fb:like></td>
<td valign="top" width="100"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Название вашего проекта" data-related="Ваш аккаунт в твиттере">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" type: "button", caption-mm: "1", caption-ok : "1", counter : "true", text : "true", width: "100%">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
<body onload="ODKL.init();">
	{literal}<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'ru'} </script> {/literal}
<table border="0" width="170"><tbody><tr>
<td valign="top" width="100"><g:plusone></g:plusone></td>
<td valign="top" width="100" ><div id="vk_like"></div>
{literal}<script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "button"}); </script>{/literal}</td></tr></tbody></table>

<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=xa-4ade2b5a10098084"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4ade2b5a10098084"></script>

Link to comment
Share on other sites
  • 2 months later...
lovemuscle Newbie

lovemuscle

Posted
Posted

Кстати, по поводу зума, есть прекрасная альтернатива стандартному Jqzoom с кучей настроек и удобных фишек, это Magic Zoom, модуль, быстро интегрируемый и легко-настраиваемый под престу. Могу слегка помочь с отучением его от жадности

Привет! Не могли бы мне тоже слегка помочь с этим модулем? :) Буду премного благодарен. Мое мыло: [email protected]

Link to comment
Share on other sites
Dimitri Yelquin Newbie

Dimitri Yelquin

Posted
Posted

Модуль-то очень недоработан. Ставил себе, думал настроил его не так, как надо, а пошёл на английский форум — стал свидетелем настоящей ругани с одним из разработчиков по поводу этого модуля. Мол, столько времени обещают довести до ума и никакого продвижения...

 

Я, вот, думаю, нужен ли ещё и этот модуль, когда Фенси-бокс уже есть. Универсальная вещь! В нём мы просматриваем изображения галереи, но я его использую и для просмотра текстовых ссылок на изображения с внешних источников. Для этого в ссылку добавляется class="enlargeme" (или как назовёте). Такая ссылка на изображение, открывающая его в Фенси-боксе, хороша тем, что не уводит посетителя на сайт, откуда позаимствовано изображение, как это бывает в других случаях. Клик по фотке может только её закрыть.

 

Думаю, с Фенси-боксом можно «договориться», чтобы он и товары показывал при наведении курсора на их миниатюры в таких блоках, как «Новинки», «Просмотренное», «Рекомендуемые товары на Главной»... Для этого изображения ряда блоков должны быть отнесены к тому же «увеличьменя»-классу. Не уверен, но думаю так можно сделать.

Link to comment
Share on other sites
  • 7 months later...
f.che Newbie

f.che

Posted
Posted (edited)

А вы проставили плагин Vk API. ??

 

Хочу добавить, что для версии 1.4 в этом модуле нужно дописать одну строку в файле vkapi.php

Вот, что должно быть (в конце файла):

 

public function hookHeader($params)

{

Tools::addJS(($this->_path) . 'vk-async.min.js');

if ($vk_apiId = Configuration::get('vk_apiId')) {

return '

<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?52"></script>

<script type="text/javascript">

VK_async.ready(function () { VK.init({apiId: ' . Configuration::get('vk_apiId') . ', onlyWidgets: true}); ' . Module :: hookExec('vkapiInit', array('vk_apiId' => $vk_apiId)) . ' });

</script>';

}

}

 

Только после этих изменений кнопка ВКонтакте у меня на сайте заработала!

Edited by f.che (see edit history)
Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

Я, в принципе, отказался от этой реализации.

 

Пользуюсь теперь сервисом share42.

Эго функционала мне более чем достаточно, да и устанавливается просто.

Link to comment
Share on other sites
Ronaldo Perez Newbie

Ronaldo Perez

Posted
Posted

Я, в принципе, отказался от этой реализации.

 

Пользуюсь теперь сервисом share42.

Эго функционала мне более чем достаточно, да и устанавливается просто.

 

<оффтоп>

Салют центру украинской культуры, вы там как в осаде теперь с этими новыми законами, держитесь!

Не всі на східній Україні підтримують цю гидоту

</оффтоп>

опять же оффтоп)

А не поделишься наблюдениями/статистикой по методам оплаты? Использую у себя "на карту" и наложенный, есть смысл в ликпеях и т.д. или у тебя большинство налом курьеру платит, как обычно?

Link to comment
Share on other sites
asenik Newbie

asenik

Posted
  • Author
Posted

Статистика ОЧЕНЬ печальная.

99% - налом курьеру (включая оплату налом при получении на Новой Почте)

 

Буквально несколько заказов с оплатой через ликПей, несколько - через отделение Привата, на карту.

Но у меня товар в среднем чеке 500 грн, просто боятся делать платежи больше 100 грн вперёд.

Link to comment
Share on other sites
  • 1 year later...
nwm973 Newbie

nwm973

Posted
Posted

Наконец-то поборол проблему неправильной картинки, с помощью "молотка и такой-то матери" )))

 

Молоток - модуль likealotmodule1_2, Но сам молоток работал точно так же, как и просто вставленный мной код. Поэтому пришлось на ФБ создать собственную апликацию, и использовать её номер при настройке модуля.

 

В конечном результате, что получилось и какие инструменты использовались: это 2 модуля - упомянутый выше likealotmodule1_2 и Vk API.

Претерпел изменения и код, который я поставил себе не сайт (его можно подогнать под себя, меняя кнопки местами и ставя разные типы кнопок - со счётчиками или без, большие или маленькие)

 

Код из файла product.tpl:

<!-- usefull links - блок где прописываются модули типа "отправить другу и т.п.-->

<link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet">
{literal}<script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script>{/literal}
<BR>
<table border="0" cellspacing="5" cellpadding="5" width="250"><tbody><tr>
<td valign="top" width="100"><g:plusone></g:plusone></td>
<td valign="top" width="100" cellpadding="10" ><div id="vk_like"></div>
{literal}<script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "button"}); </script>{/literal}</td></tr></tbody></table>

<table border="0" cellspacing="5" cellpadding="5" width="250"><tbody><tr>
<td valign="top" width="100"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="SharmLvivUa" data-related="Asenyk">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>
<td valign="top" width="100"><div style="float: left;"><a class="odkl-share-oc" href="" onclick="ODKL.Share(this);return false;" ><span>0</span></a></div></a></td></tr></tbody></table>

<!-- начало обычного блока usefull links-->
		<ul id="usefull_link_block">
			{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
			{if $have_image && !$jqZoomEnabled}
			<li><span id="view_full_size" class="span_link">{l s='View full size'}</span></li>
			{/if}
		</ul>

</div>
И не забываем о коде. который нужно вставить перед закрытием тега </body>:

 

<body onload="ODKL.init();">

        {literal}<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'uk'} </script> {/literal}
Как это всё выглядит - смотрите на фото или в магазине (в подписи).

Всё ))

 

 

Спасибо Вам за полезный пост. Сделал как Вы описали, всё работает!

senik

Link to comment
Share on other sites
gluck Newbie

gluck

Posted
Posted (edited)

Йоу как громоздко... :( А у вас кто-то пользуется этими кнопками?

Т.к. у меня ими никто не пользуется, я сделал "шоб было" и упрятал эти кнопки в место, которое все равно никак не используется:

 

post-440734-0-44861100-1387532461_thumb.jpg

 

А в мобильной версии вовсе их не гружу.

Edited by gluck (see edit history)
Link to comment
Share on other sites
 Share
Go to topic listing
×
×
  • Create New...