Социальные сети являются хорошим источником дополнительного трафика на сайт, а так же помогают в его продвижение. В статье опишу 2 способа вставки кнопок социальных сетей (лайк и "Поделиться") на страницы товара и страницы категорий применительно к virtuemart 2.
Вставка кнопок соц. сетей с помощью плагина SocButtons
Плагин SocButtons является, на мой взгляд, самым простым способом добавить кнопки соц. сетей на страницы интернет-магазина. Он прост в настройке и позволяет выводить кнопки всех популярных социальных сетей:
- GOOGLE +1
- VKONTAKTE
- YA.RU
- МОЙ МИР
Плагин полностью русифицирован (русский разработчик) и распространяется бесплатно, за что большое спасибо автору блога nauca.com.ua.
Скачать плагин можно с сайта разработчика (в самом низу страницы для joomla 1.5-2.5)
Установка стандартная через менеджер расширений. После установки в менеджере плагинов активируем системный плагин System - SocButtons, с помощью которого кнопки будут выводиться на страницах, и плагин Content - SocButtons.
Настройка плагина SocButtons
Настройка очень простая и интуитивно понятная. В менеджере плагинов переходим в Content - SocButtons. Ставим галочки для включения/отключения нужной кнопки и настраиваем ее вид.
Для подключения кнопки Мне нравиться от Вконтакте нужно ввести id номер. Для его получения нужно зарегистрировать свой сайт по ссылке.
Так же без проблем можно скрыть копирайт разработчика через Дополнительные параметры.
Для вывода социальных кнопок в файл шаблона нужно добавить строку
|
1 |
<?php echo '{socbuttons}'; ?> |
Я, например, добавил кнопки рядом с кнопкой Заказать в файле components/com_virtuemart/views/productdetails/tmpl/default_addtocart.php.
Для вывода кнопок на страницах категорий нужно редактировать файл components\com_virtuemart\views\category\tmpl\default.php
Вставка кнопки "Поделиться"
Самый простой способ вставить кнопку Поделиться на сайт - это воспользоваться сервисом Яндекса. Просто копируем код и вставляем в нужное место шаблона. Но у этого способа есть недостаток - нельзя использовать свои картинки для кнопок соц. сетей.
Чтобы сменить картинки в css файл шаблона нужно добавить стили, которые принудительно будут изменять иконку. Через Firebug или аналог можно без проблем посмотреть какой стиль отвечает за фон той или иной иконки. Например, для кнопки Вконтакте в файле стилей нужно дописать
|
1 2 3 4 |
.b-share-icon_vkontakte { background: url(/images/имя_картинки.png) !important; width: 36px !important; height: 36px !important; |
Атрибут !important нужен для принудительного присвоения класса в не зависимости от иерархии.
Чтобы расположить иконки не горизонтально, а вертикально можно поиграться со стилями, но я сделал немного по-другому. Через сервис от Яндекса поочередно скопировал коды всех кнопок, подключил перед ними скрипт и вывел через дивы в шаблоне. Чтобы скопировать код каждой кнопки в отдельности нужно оставить галочку только на одном сервисе.
В итоге получился такой кусок кода
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<?php echo '<h4 style="color:#676360">Поделиться</h4>' ?> <!--Подключаем скрипт!--> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <!--Вконтакте!--> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="vkontakte"></div> <span class="knopki">Вконтакте</span> <?php echo '</br>'; ?> <!--facebook!--> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="facebook"></div> <span class="knopki">Facebook</span> <?php echo '</br>'; ?> <!--Twitter!--> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="twitter"></div> <span class="knopki">Twitter</span> |
На скриншоте можно посмотреть как это выглядит на сайте
Думаю, что с помощью этого способа вывести кнопки "Поделиться" можно как угодно. Будут рад вопросам и дополнениям.
Татьяна
А как эти кнопочки (от яндекса) выровнять по правой стороне?
admin
.класс кнопок{
text-align:right;
}
Чтобы сказать точно нужен адрес сайта
Бодя
Не получается вывести социальные кнопки, добавляю в файл шаблона echo '{socbuttons}'; но на сайте вместо кнопок появляется echo '';
admin
Поправил статью, нужно вставить
Богдан
Если вписать это то выводится просто {socbuttons} в том месте. Скорее всего это я что-то не так сделал.
admin
в настройках virtuemart включена поддержка плагинов joomla?
Vetal
у меня тоже отображается только {socbuttons}
плагин вкл.
поддержка плагинов joomla вкл.
--
soccomments работают а кнопки нет (( странно
Vasyan
Аналогично.
Albert
У меня было тоже самое... Причина оказалась в том, что с сайта разработчика для Joomla 2.5 предлагается скачать плагин версии plg_socbuttons_J16-17v1.4 Скачал, установил и также как и у вас отобразилось только {socbuttons}... Заподозрил, что версия не та - нашел SocButtons v1.5 для Joomla 1.7 и Joomla 2.5 (http://max-site.net.ua/news/236-social-share-buttons-plugin.html), поставил, включил, настроил и все ок.. Так что можно попробовать..
Юрий
Может у меня VM загадочный, но при вставлении кнопок, детальный вид вообще перестал открываться.
Тимур
--Просто копируем код и вставляем в нужное место шаблона. Но у этого способа есть недостаток — нельзя использовать свои картинки для кнопок соц. сетей.
Расшифруйте данное действие по подробнее, если Вас не затруднит.
admin
заходим на сервис яндекса, выбираем галочками какие кнопки у нас должны показываться, копируем код из поля, вставляем его в файл карточки товара в понравившееся место.
где конкретно вы хотите вывести кнопки?
арик
"Для вывода социальных кнопок в файл шаблона нужно добавить строку1
Я, например, добавил кнопки рядом с кнопкой Заказать в файле components/com_virtuemart/views/productdetails/tmpl/default_addtocart.php."
- в какое конкретное место в этом файле?
при ставки в строки 1- верстка детального описания товара пропадает!
Александр
Чтобы расположить кнопки ЯНДЕКСА вертикально, достаточно указать в div style="width: 20px;". И будет счастье!!!
Макс
Тоже интересует конкретно в Вашем случае куда вставляли строчку
в вайле components/com_virtuemart/views/productdetails/tmpl/default_addtocart.php.
admin
Я поставил
в файл components/com_virtuemart/views/productdetails/tmpl/default_addtocart.php перед строкой
Чтобы проще управлять расположением блока с кнопками можно заключить его в div и присвоить класс, например так
Макс
Вставляю код, он даже не отображается как {socbuttons} на странице товара. Не говоря уже о кнопках. Читал что нужно ставить ещё плагин на эхо {socbuttons}. Или в последней версии плагина SocButtons это уже есть?
Сергей
Joomla 2.5.9 Virt 2.0.20 SocButtons 1.5
настроил плагин, включил контент\систем плагины, вставляю код
перед уж куда только не совал...))
На главной странице отображается, а в катрочке товара никак не могу сделать. Может кто знает в чем проблема?
Сергей
Поправка
пред
Сергей
путь редактирования файла у меня был templates/ваша_тема/html/com_virtuemart/productdetails/default_addtocart.php
кнопки работают, спасибо за статью
Низам
Joomla 2.5.9
Тоже выводится просто {socbuttons}
устанавливал SocButtons v1.5 для Joomla 1.7 и Joomla 2.5
плагин включен.
Только не нашол в настройках Joomla включена или нет поддержка плагинов joomla.подскажите точный путь к этой настройке?
admin
Компоненты-Virtuemart-Настройки-Настройки-Вкладка магазин-Включить плагины Joomla
Михаил
не работает
плагины вкл
всё вкл
Выводит только " {socbuttons} "и больше ничего.
Сергей
У меня та же проблема. Не подскажете где копать
george007ua
Копать от забора до обеда! Дело в том что плагина 2. ну или 2 куска плагина, один Content - SocButtons в котором все настройки, и второй System - SocButtons который Вы не включили, как раз и отвечает за вывод кнопок в том месте где Вы воткнете код. Более того, с помощью этого куска плагина можно воткнуть кнопки куда угодно, даже по средине статьи, достаточно в редакторе вставить надпись {socbuttons}
Михаил
как всегда спасибо, разобрался сам.
Иван
Михаил, я же знаю, что вы хотите поделиться как вы это сделали?)
Михаил
Честно Иван, точно уже и не помню, но есть одно предположение... Какие галочки у вас стоят в настройках шаблона в "Стили CSS и сценарии javascript"?
Иван
Все нашел уже сам...в плагины дополнительно еще ставится что-то вроде content socbutton, вот его и забыл включить.
Andrey Turkovsky
Добрый день. Как ни вставлял код - выводит просто надпись {socbuttons}, причем проблема только в VM. На остальных страницах сайта плагин нормально работает. В VM плагины джумла включены, плагин soccomments установлен и нормально работает.
Что можно еще попробовать?
дмитрий
не актуально для последней версии
Василий
для 2.22 не подходит?
Виктор
Проще авторизация с красивыми кнопками: http://joomline.ru/rasshirenija/komponenty/slogin.html
Василий
кстати, а на 2.22 идёт плагин? Что то я запустить ни как не могу его....
Snoop
У кого не работает, то включаем в менеджере плагинов:
Content - SocButtons и System - SocButtons
Галина
Спасибо большое, помогло!
Lisa
Добрый день! А есть какое-то решение, как вставить кнопки в Virtuemart 1.1.9? Не могу воспользоваться Вашими советами, т.к. таких папок нет...
Плагин работает на всех страницах, кроме Virtuemart. Помогите, пожалуйста)
admin
по поводу 1.1.9 ничего сказать не могу. не работал с ним
Marcony
Функция "Поделиться" лезет в картинки и предлагает выбрать аж 17 изображений.. Как бы запретить ей это делать?
Marcony
Уточню, как сделать, чтобы было вот так : http://www.svyaznoy.ru/catalog/phone/224/1667081 . У меня пока так: http://mirra29.ru/catalog/ukhod-za-telom/gel-dlya-dusha-zelenyj-shum-s-fitoekstraktami-i-morskoj-solyu-detail . Может кто знает?
Юрий
Здравствуйте,
нет настроек скрин прилагаю, возможно не так делаю подскажите пожалуйста!
http://www.pixic.ru/i/X080S3h0U3b1v442.jpg
Юрий
Разобрался что не там смотрел нужно было в контент.
НО! Кнопки так и не отображаются кнопки надпись то же (как у многих)
вкл поддержку плагинов джумла у виртумарт, вкл систем и контент, поставил запись components/com_virtuemart/views/productdetails/tmpl/default_addtocart.php
перед
Подскажите пожалуйста!
Александр
Как избавиться от исходящих ссылок?
Есть вот такая тема http://share42.com/ru
Но она как то не корректно работает в вирте. Может вы разберетесь?!
При выборе поделиться отправляются только сообщения без ссылок. Вставлял в код components/co_virtuemart/ views / productdetails / tmpl/default.php
после производителей. Все отображается нормально, там где надо.
Если я правильно понял там нужно все ссылки и теги вручную прописывать для каждой отдельной странице или я не прав?
admin
попробуйте сервис http://www.pluso.ru/
он у меня корректно работал
Александр
Я уже пробовал! Все хорошо, но тоже появляются ссылки.
Дмитрий
Здравствуйте, при включении плагина Content - SocButtons сайт перестает работать выдает ошибку
Fatal error: Cannot redeclare _7903086() (previously declared in /home/lepresen/lepresent.com.ua/www/libraries/joomla/environment/response.php:168) in /home/lepresen/lepresent.com.ua/www/libraries/joomla/environment/response.php on line 168
admin
а что у вас в указанном файле на 168 строке?
Дмитрий
Скопирувал полностю 168 строку. ...
admin
удалил содержимое, потому что все равно ничего не понять все закодировано
Лина
Спасибо огромное, все получилось. Единственное затруднение возникло найти по ссылке в вконтакте нужный пункт. Поделюсь, кто также сразу не нашел: Выбрать "авторизация и виджеты", потом в графе виджеты - есть пункт так и называющийся "мне нравится".
У меня остался только такой вопрос, кнопки нужны только на карточках товаров, а они появились также в некоторых материалах... например вот http://лайнплэйс.рф/index.php/contacts и вот http://лайнплэйс.рф/index.php/com-virtuemart-menu-configuration/priobretenie-kartin .
у меня там конечно напутано все жестко, если долго объяснять, не утруждайтесь, пусть остаются. а если легкое решение, напишите, пожалуйста!
Вова
Доброго времени суток.
Подскажите пожалуйста. При нажатии на одну из кнопок, например, ВК. Что нужно добавить или изменить, чтобы пост был с картинкой товара и описанием.
http://cdn.joxi.ru/uploads/prod/2014/07/16/dd5/6aa/3715b545aa9386cda291f2b1f733ca4aab81b88e.jpg
Спасибо.
admin
У вас какая версия virtuamrt и joomla?
изображение и название товара должно браться автоматически
Вова
Joomla! 2.5.22
VirtueMart 2.6.6
admin
Данные должны автоматически подхватываться
пришлите ссылку на сайт
Вова
Здравствуйте. Вот к примеру http://vladimirof.tmweb.ru/index.php/about-us/%D0%BB%D0%B5%D1%82%D0%BE/%D0%B1%D0%BE%D1%81%D0%BE%D0%BD%D0%BE%D0%B6%D0%BA%D0%B8-%D0%BB%D0%B5%D1%82%D0%BD%D0%B8%D0%B5/%D0%B1%D0%BE%D1%81%D0%BE%D0%BD%D0%BE%D0%B6%D0%BA%D0%B8-4-detail
Вова
Предыдущая ссылка не правильная. Прошу прощения. Вот
http://vladimirof.tmweb.ru/vitrina/%D0%BB%D0%B5%D1%82%D0%BE/%D0%B1%D0%BE%D1%81%D0%BE%D0%BD%D0%BE%D0%B6%D0%BA%D0%B8-%D0%BB%D0%B5%D1%82%D0%BD%D0%B8%D0%B5/%D0%B1%D0%BE%D1%81%D0%BE%D0%BD%D0%BE%D0%B6%D0%BA%D0%B8-2-detail
Елена
У меня тоже не отображается картинка, когда ставишь лайк. Кто-нибудь нашел решение? Поделитесь, пожалуйста.
Вова
Здравствуйте. Вот как я сделал.
Lestat
Последняя версия плагина выносит админку
Анатолий
Устанавливал на версиях плагина 1.5 и 1.6. Для статей Joomla(2.5.27) работает нормально а для Virtuemart(2.6.12) рядом с кнопкой заказать товаров появляется {socbuttons}. Такая ситуация проявляется только при включенной одной составляющей плагина Content - SocButtons т.е при отключенном System - SocButtons. Когда включаю System - SocButtons сайт не открывается в браузере указывается возможная причина:используется неверная или неподдерживаемая форма компрессии.
admin
Virtuemart > Настройки > Магазин
активируйте Включить плагины Joomla
Елена
Не планируется ли статья, о размещении кнопки Pinterest?
admin
Здравствуйте!
Наверное, самый простой способ добавить эту и другие кнопки - это сервис http://share.pluso.ru/ или его аналоги
Николай
Как его запустить на VM3? Включить плагины Joomla стоит. Отображает все также {socbuttons}
denism300
Никак. Как написано на сайте разрабов, VM-3 на данный момент не поддерживается.
Михаил
admin подскажи пожалуйста как вывести кнопки нравятся под фото, а если добавляю по пути components/com_virtuemart/views/productdetails/tmpl/default_addtocart.php, шаблон нарушается и все разъезжается
admin
Код нужно добавлять в файл components/com_virtuemart/views/productdetails/tmpl/default.php сразу после вывода изображений
Михаил
Спасибо большое, нашел где вставить код, но не отображаются кнопки корректно, нет в контакте и фейсбука, отображается только твитер и гугл
Роман
Здравствуйте, установил в карточку товара кнопки яндекса
Все работает, но при репосте в фейсбук вылазят крокозяблы под названием
вот скрин http://prntscr.com/7rh3b7
Не подскажите как убрать их?
admin
Здравствуйте!
Не сталкивался с такой проблемой.
Если найдете решение, то, пожалуйста, поделитесь.
Вячеслав
Добрый день. Подскажите, как их убрать? Все папки перелазил уже, а найти немогу( Virtuemart 3
admin
Все зависит от того каким образом они вставлены на сайт.
Пришлите ссылку.
Елена
Здравствуйте! Подскажите, пожалуйста, выводила кнопочки "поделиться в соц сетях". Сейчас хочу отключить кнопку "В корзину", но когда я ее отключаю (а точнее цену ставлю 0 рублей) исчезает кнопка "В корзину" и кнопка соц сетей тоже. Как сделать так, чтобы кнопки соцсетей не исчезали?
admin
У Вас, скорее всего, код для вывода соц. сетей выводится в шаблоне кнопки Купить.
Нужно переместить его в шаблон карточки товара.
Какая версия vm на сайте?
Елена
У меня стоит Virtuemart 2.
admin
Пришлите ссылку на скачивание файлов /templates/имя_шаблона/html/com_virtuemart/productdetails/default_addtocart.php и /templates/имя_шаблона/html/com_virtuemart/productdetails/default.php
Елена
Отправила вам ссылку по e-mail, спасибо!!!
Елена
Огромное спасибо!!! Все получилось!
admin
Отлично)
Оксана
Что делать, если у меня нет System - SocButtons и на сайте выводится только {socbuttons}.
admin
Если кнопки нужны, то нужно поставить плагин, если не нужны, то нужно удалить в статье или коде {socbutton}
lexa
Добрый день. скачал и установил плагин для джумлы 3 по ссылки приведенной у вас в статье.
В плагинах отображается Content - SocButtons, а System - SocButtons как не искал не смог найти... он по какой-то причине не устанавливается. (пробовал для разных версий джумлы ставить)
Подскажите как решить проблему.
admin
Здравствуйте!
Статья писалась довольно давно, что-то могло в плагине поменяться.
В Content - SocButtons нет нужных настроек?
В качестве альтернативы можно использовать кнопки от яндекса, но их нужно вставлять непосредственно в шаблон сайта.
lexa
В Content - SocButtons есть настройки, но после того как встовляю код то в шаблоне выводится только {socbuttons}, а кнопок соц сетей нет.. Что можно сделать, что бы работало?
К сожалению кнопки от яндекса не подходят (он в нашем регионе заблокирован ((((( ). Может быть есть такие кнопки от гугл?
admin
В Virtuemart > Настройки > Магазин активирована опция Включить плагины Joomla?
У google нет подобного сервиса, попробуйте pluso.
lexa
Хотелось бы плагин поставить. В настройках плагины подключены, в чем еще может быть проблема ?
admin
Судя по всему достаточно давно плагин работает только в материалах joomla и не поддерживает сторонние компоненты.