Уважаемые пользователи Голос!
Сайт доступен в режиме «чтение» до сентября 2020 года. Операции с токенами Golos, Cyber можно проводить, используя альтернативные клиенты или через эксплорер Cyberway. Подробности здесь: https://golos.io/@goloscore/operacii-s-tokenami-golos-cyber-1594822432061
С уважением, команда “Голос”
GOLOS
RU
EN
UA
astrizak
6 лет назад

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 магазина на платформе Покупо. Результат будет примерно таким:

Ну а теперь действительно все. Буду рад если моя заметка окажется для кого-нибудь полезной.

6
47.244 GOLOS
На Golos с July 2017
Комментарии (2)
Сортировать по:
Сначала старые