JoomShopping "Мне нравится" вКонтакте - Дизайн и оформление

ВАЖНО! на localhost работать не будет!

Размещаем кнопку "Мне нравиться" в списке товаров интернет-магазина на базе Joomla 1.7 + JoomaShopping.

Итак, есть вводная: разместить кнопку "Мне нравиться" для соц.сети вКонтакте в списке товаров для каждого товара отдельно.

• Прежде всего получаем apiId.
• Авторизируемся на сайте вКонтакте и переходим в раздел "Разработчикам".
• Выбираем любой из виджетов, у нас это "Мне нравиться"
• Добавляем адрес своего сайта.

Видим в этой же форме, в окне "Код для вставки:" код приблизительно такого содержания (выделенное красным и будет Ваш apiID):

Далее, следуя инструкции, которая идет в коде выше в виде комментариев, открываем файл index.php нужного нам шаблона (www/templates/THIS_TEMPLATE/index.php) и вставляем между тегов < head > </ head > код инициализации. В итоге должно получиться следующее:

Далее нам нужен фалик шаблона JoomShopping, который выводит список товаров в категории.
Открываем: www/components/com_jshopping/templates/default/products/listproducts.php

Находим код цикла, который выводит непосредственно саму информацию о товаре, в JoomShopping 3.2.7  это строка такого содержания:
<?php foreach ($this->rows as $k=>$product){?>
После нее у нас выводятся все данные о товаре (название, цена, изображение, описание и прочее)
Вставляем в том месте, где нам необходимо разместить кнопку "Мне нравиться" вторую часть кода, который был получен на сайте, но с некоторыми изменениями:

Сохраняем все изменения.

Вот и все. Что получилось у меня можно посмотреть на изображении:


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

опля! решили вопрос с остатками? у вас показывает, сколько осталось мест - делитесь! )))

Так остатки я и не трогал, они сами по себе работают, просто в конфигах JoomShopping выставлено "отображать количество" и все.

Из "извращений": только кнопки "вКонтакте" и дополнительные поля в таблице для дат Начало Тура и Окончание Тура.

А подскажите можно ли будет это дополнение вместить на мой сайт, под управлением Joomla 1.5?

У Вас же стоят кнопки социалок, какой смысл дублировать?

тьфу ты, разобрался сам...)))

У Вас же стоят кнопки социалок, какой смысл дублировать?

Ну вроде более нагляднее и приятней.
А что скажите с точки зрения специалиста - как вам сайт? Я только недавно начал изучать Joomla, поэтому не судите строго, но мнение очень важно

Так остатки я и не трогал, они сами по себе работают, просто в конфигах JoomShopping выставлено "отображать количество" и все.

убей, не нашел это, сделал по-другому))))

убей, не нашел это, сделал по-другому))))

Сорри, ввел в заблуждение.... Убирал почти все условия в listproducts.php
Сейчас он у меня вообще выглядит так (полный код):

зачем все условия убрал? ускоряемся? )))
а кириллица как, нормально выводится? хм...

Мне нравится! НРАВИТСЯ! без мягкого знака! Отвечает на вопрос "что делает?" (нет мягкого знака в конце)

С мягким знаком пишут, если глагол отвечает на вопрос "что делатЬ?" (с мягким знаком на конце), например в фразе "чтобы мне нравиться, не делайте ошибок)

Мне нравится! НРАВИТСЯ! без мягкого знака! Отвечает на вопрос "что делает?" (нет мягкого знака в конце)

С мягким знаком пишут, если глагол отвечает на вопрос "что делатЬ?" (с мягким знаком на конце), например в фразе "чтобы мне нравиться, не делайте ошибок)

Можно было просто написать: у Вас ошибка, а не заниматЬся тролингом.
В любом случае, спасибо, исправил

зачем все условия убрал? ускоряемся? )))
а кириллица как, нормально выводится? хм...

Кириллица после перекодировки файла в UTF8 нормально.

Можно было просто написать: у Вас ошибка, а не заниматЬся тролингом.
В любом случае, спасибо, исправил

Кириллица после перекодировки файла в UTF8 нормально.

https://arbitrage.webmoney.ru/asp/claims.asp?wmid=456036086377 ознакомьтесь, на почту ответь свою v42bis@mail.ru

А я каким боком к этому?

А я каким боком к этому?

да это походу черный пиар... жалобу админам дайте да и пусть сотрут негодяя...)))

Подскажите, пожалуйста, подойдет ли данное решение для VirtueMart?

Это ветка ВиртуМарта ? 

   Ну опять я вас буду терзать своими глупыми вопросами, Господа. Сел учить PHP. Но как понимаете это история долгая... CSS еще как-то править могу, а вот PHP...
  В общем прошу вашей помощи.  Получил я свой apiID от Vk.
Полез править согласно инструкции, файл index.php нужного мне шаблона (www/templates/Мой шаблон/index.php)
 получил следующее
Все простое закончилось...
 Топаю дальше  -открываю: www/components/com_jshopping/templates/icetheme (у меня стоит шаблон от айс it_theshop)/products/listproducts.php.Нахожу строку <?php foreach ($this->rows as $k=>$product){?> . Все далее для меня темный лес. Если кто-то из уважаемых пользователей найдет для меня грешного минутку...
   Автор хака пишет:  <div id="vk_like<?php print $product->product_id;
                                  // Задаем уникальный ИД для контейнера, в котором будет выводиться Кнопка,
                                 // который будет состоять из названия, предложенного разработчиками вКонтакте + ИД выводимого товара
                                 (что тут пишем? Если несложно на моем примере.)
                               ?>"></div>
  Собственно все далее мне и непонятно. Кроме ссылки на товар пожалуй =)

Не дождавшись ответа - решил делать сам. И вроде бы нашел способ проще. Вроде все корректно - пока тестирую. Первый и второй  шаг как у ув. v42bis - а вот далее немного по другому. После  того как получили код виджета от Вконтакте и вставили код инициализации в файл index.php, переходим в файл product_default.php который находится по адресу  www/components/com_jshopping/templates/ВАШ ШАБЛОН/product/ и там в нужном вам месте(!) вставляете остальную часть кода, которую сгенерировал вам Вконтакте у меня это . Сохраняете - вуаля, заветная кнопочка там где вам нужно. Кто попробует - прошу отписаться как вышло.

фточку. Вот только на Лайк и стену не передается ссылка на Ваш конкретный товар и его наименование.
А вообще рабочий вариант.

фточку. Вот только на Лайк и стену не передается ссылка на Ваш конкретный товар и его наименование.
А вообще рабочий вариант.

У меня ссылка идет нормально. С имаджем (если ставлю виджет поделиться ссылкой или как он назван в контакте "мне нравится") как положено,и во френд ленту при лайке "рассказать друзьям"

например такого вида .../index.php/component/jshopping/product/view/41/196?Itemid=435

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

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

Работате отлично. А как можно сделать чтобы и изображение товара выводилось?

Не дождавшись ответа - решил делать сам. И вроде бы нашел способ проще. Вроде все корректно - пока тестирую. Первый и второй  шаг как у ув. v42bis - а вот далее немного по другому. После  того как получили код виджета от Вконтакте и вставили код инициализации в файл index.php, переходим в файл product_default.php который находится по адресу  www/components/com_jshopping/templates/ВАШ ШАБЛОН/product/ и там в нужном вам месте(!) вставляете остальную часть кода, которую сгенерировал вам Вконтакте у меня это

Спойлер

[свернуть]

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

Всё работает именно в таком варианте!

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

И очень было бы не плохо прикрутить лайк G+ и Одноклассников.
Люди пользуются этими соц.сетями  как ни крути

используйте плагины социальных кнопок.

используйте плагины социальных кнопок.

я не встречал плагинов соцкнопок интегрированных в Jshoping. Подскажете?

интегрированных нет.
интегрируйте сами в шаблон.

интегрированных нет.
интегрируйте сами в шаблон.

по моему тут про интеграцию и говорим...

Всё работает именно в таком варианте!

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

И очень было бы не плохо прикрутить лайк G+ и Одноклассников.
Люди пользуются этими соц.сетями  как ни крути

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

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

Картинку вставить просто:
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like('vk_like', {type: "button", height: 24,  pageTitle:'<?php print $product->name?>', pageImage: '<?php print $this->image_product_path?>/<?php print $image->image_thumb?>', Image: '<?php print $this->image_product_path?>/<?php print $image->image_thumb?>'});
</script>