Pokupo. Добавляем QRcode в магазин
Всем привет. В одном из своих постов @maryatekun упомянула о том, что было бы полезно получить генератор кодов в самом Pokupo.
У меня как-то возникала мысль сделать подобное решение, еще в эпоху первой части конкурса "Бизнес-вызов". Но на тот момент я посчитал это не особенно нужным, ну а потом появились различные дела и я совсем забыл об этом.
Ну а сегодня выдалась свободная минутка и я решил таки реализовать генерацию qr кодов для Покупо.
За основу я взял скрипт https://davidshimjs.github.io/qrcodejs/ Возможно есть и другие решения, но меня вполне устроило и это. Как обычно скрипт добавляется в разделе JS-коды, в панели управления магазином. Я рекомендую для каждого подобного решения создавать отдельный элемент, дабы в дальнейшем упростить правку скриптов.
Для того чтобы не было проблем с асинхронной загрузкой, а также лишних запросов к сторонним ресурсам, я добавил код код библиотеки qrcode.js непосредственно в форму. Сокращенный вариант, без библиотеки qrcodejs выглядит вот так:
<script type="text/javascript">
var loc=location.hash.match(/[0-9]*$/ig);
goods_id=loc[0];
if(goods_id!="" || goods_id!=0)
{
if(location.hash.match(/goods/i))
{
_$(".b-item__price").append('<a href="javascript:prqr()"><div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div></a>');
var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 100,
height : 100
});
qrcode.makeCode("https://pokupo.ru/payment/ID ВАШЕГО МАГАЗИНА/payment#//idGoods="+goods_id+"&count=1");
}
function prqr()
{
var qr=document.getElementById("qrcode").innerHTML
var qw = window.open("", "", "width=0,height=0");
qw.document.write(qr);
qw.print();
qw.close();
}
}
</script>
Данный скрипт предназначен для стандартной темы. При просмотре сертификата товара после цены добавляется qrcode, ведущий на страницу оплаты. Если кликнуть на qrcode, открывается диалоговое окно печати
Вот собственно и все. Хотя нет, не все. Специально для @maryatekun я сделал еще один скрипт для генерации qrcode. Он не встраивается в магазин, запускается на моем хостинге и предназначен для генерации qrcodов для все товаров из указанного магазина. Для это достаточно перейти по ссылке
https://brehen-sobaken.ru/qrcode/index.php?shop=8591, указав в качестве параметра
shop, id магазина на платформе Покупо. Результат будет примерно таким:
Ну а теперь действительно все. Буду рад если моя заметка окажется для кого-нибудь полезной.