Search

Romua1d.ru
Категории: JoomlaСкрипты

Установка Buyme на Joomla/Virtuemart [инструкция]

Итак, как это работает в Joomla… по сути ошибка моя была в невнимательности, но пусть уже людям будет инструкция по установке именно в джумла:

Скачиваем BuyMe

1) Отключаем модуль CallMe, если он у Вас стоял (попытка довести до ума при работающем коллми провалилась, делал днём и не хотел чтобы на какое-то время пользователи остались без возможности перезвонить хотя бы) … это же была последняя загвоздка.

2) Шагаем в админ-панель Джумла, потом «создать модуль» (плюсик типа), далее «Собственный HTML», вставляем код:

<p><input class="b1c" type="button" value="Купить сейчас" /></p>
<p>
<script src="buyme/js/buyme.js" type="text/javascript"></script>
</p>

 

этим подключаем исполняющий скрипт и кнопку активации ….

3) Идём к Вашему шаблону, нажимаем «править CSS» и вставляем стиль кнопки, пример взят тут http://dedushka.org/uroki/2372.html и сделан чисто по рекомендации автора скрипта … решил не менять и оставить зелёной, так чтобы покупка была чётко выделена относительно всего сайта, поскольку хоть у меня и много есть чего почитать, но окончательная цель в интернет-магазине это покупка. Тем более зелёный на частоте 555 нм это самый благоприятно воспринимаемый цвет человеческим мозгом:

.great_btn {
color:#fff;
font-size:14px;
font-weight: bold;
text-shadow:0 1px 0 #757575;
padding:7px 0 8px 0;
margin:0;
cursor: pointer;
border:0;
border-top:1px solid #B8D970;
width: 170px;
border-radius: 2px;  
/* gradient */ 
background: #15c61b;
background: -moz-linear-gradient(top, #15c61b 0%, #08871b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#15c61b), color-stop(100%,#08871b));
background: -webkit-linear-gradient(top, #15c61b 0%,#08871b 100%);
background: -o-linear-gradient(top, #15c61b 0%,#08871b 100%);
background: -ms-linear-gradient(top, #15c61b 0%,#08871b 100%);
background: linear-gradient(to bottom, #15c61b 0%,#08871b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15c61b', endColorstr='#08871b',GradientType=0 ); 
/* gradient end */}

.great_btn:hover{
background: #15c61b;
}

.great_btn_around{
box-shadow:0 1px 0 #fff;
border-radius: 3px;
border:1px solid #08871B;
width: 170px;
box-shadow: 0px 1px 3px #eee;
}

4) выполняем стандартные телодвижения при установке на любой движок — всё содержимое в папку buyme корня сайта, прописываем данные имиэла куда слать письма и от какого адреса в index.php, туда же данные для отправки Вам СМС — id, key с сервиса bytehand (не вижу причин искать другой сервис — СМС уходят на Россию, Украину и любые страны, причем недорого — для Украины от 16 копеек/2 центов и ниже, по России ещё меньше)

Собственно моя ошибка в установке была банальна — не вставил кнопку, прочитав инструкцию между строк как обычно, это была первая загвоздка …. :) :) :)

Раз уж пошла такая жара … выглядит это в живую так при нажатии на кнопочку «купить сейчас»:

В итоге на мэйл приходит такое письмо:
заголовок BuyMe: новый заказ
тело:

Контакт
ХХХ4963603Имя
Антон

Товар: Диалоговая автосигнализация Pandora LX-3250

Комментарий
Спасибо! Работает!

URL
autoelektronika.com.ua/index.php/tovari-gps-ksenon-signalizacii-radar-magnitola-sabvufer?page=shop.product_details&flypage=garden_flypage.tpl&category_id=39&product_id=709

ip
93.127.ХХХ.74

Телефон, имя, комментарий это само собой, но были сомнения ещё на стадии разработки по поводу названия товара (беседовал ещё тогда с автором, цепляется через тег H1), но как оказалось зря!
В случае джумловцев (решение магазина само собой на Virtuemart) байми реально цепляет название товара и всё, в моём случае для примера это Диалоговая автосигнализация Pandora LX-3250 … то есть то, чего и хотелось бы и реально нужно …
Респект и уважуха автору за последний гвоздь в гроб стандартной корзины Virtuemart — всего в ней собирается около 10-15 полей из которых большинство хлам и ни о какой покупки в один клик прямо со страницы товара и речи быть не может! Реально самая достойная альтернатива, которую я видел, парочку пробовал себе ставить и эффекта по сути 0.5-5% … в корне убогая суть стандартной корзины не менялась … а это решение проверено мной в Опере и Хроме — всё пашет красиво и одинаково ;)

Опять таки корзина это один из моментов на котором отпадают потенциальные клиенты … то есть они становятся чужими клиентами и извините за банальность херятся Ваши старания и деньги на СЕО и рекламу … поэтому нужность и важность этого решения сложно переоценить … СМС опять таки тоже важно — с каждым годом, с каждым днём клиенты готовы ждать всё меньше по времени ответа от интернет-магазина …

Смотрю дальше, пока не уходит СМС (вторая инновация, которую однозначно после недолгих раздумий хотелось бы реализовать — всё таки 2 цента в себестоимости заказа это просто мизер за высокую скорость оповещения и мобильность, которую даёт такая корзина) и деньги с аккаунта сервиса отправки СМС используемого автором байтхенд не снимаются, то есть СМС от байтхенда в моём случае и не уходило … но поскольку это стандартный функционал, то думаю это решаемо … может опять таки это вопрос с хостером … в соседних темах ищется напильник по такому же вопросу …

Источник: http://qbx.me/viewtopic.php?f=25&t=24

Плагин рейтинга создан автором этого блога. Буду очень признателен, если вы сможете его поддержать (ссылка)

p.s. Если статья была полезной и вас переполняет чувство благодарности, можете поддержать меня долларом на патреоне

Romuald Shmidtelson

Web Developer. I have expirience in FrontEnd, Backend, Devops. PHP, Python, Javascript (Vue.js, React.js)

Недавние Посты

Как получить первый заказ на фрилансе

Получение первого заказа на фрилансе может быть вызовом, особенно для новичков, которые еще не имеют…

1 год назад

Топ 7 css фреймворков 2021 года

Разработка сайтов и веб-приложений стала в наше время неизбежной потребностью. Тем не менее, существует несколько способов…

2 года назад

Что такое семантическое ядро и как его использовать для продвижения сайта?

Компании и специалисты по маркетингу тратят много времени и денег на изучение языка поисковых систем,…

2 года назад

Что такое адаптивные изображения? Как правильно использовать srcset.

Адаптивные изображения - это набор методов, используемых для загрузки правильного изображения в зависимости от разрешения…

2 года назад

Что такое Политика конфиденциальности для сайта и для чего она нужна?

Политика конфиденциальности - это документ, в котором подробно описывается, как компания или организация обрабатывает любую…

3 года назад

Кто такой вебмастер?

В современном мире много специалистов занятых поддержанием работы сайтов, и довольно часто многих из них…

3 года назад