Fügen Sie dem Produkt einen mobilen QR-Code-Link hinzu

Question

Verwenden Sie jquery.qrcode.min.js in Kombination, um mobile QR-Codes für iwebshop-Produktdetails zu generieren. Zuerst gehen Sie online, laden das JQ-Plug-in jquery.qrcode.min.js herunter und legen es im Ordner „views/javascript“ ab

1, rufen Sie den folgenden Code im products.html-Header auf

<script type="text/javascript" src="{theme:javascript/jquery.qrcode.min.js}"></script>

2, fügen Sie den folgenden Code an der Stelle ein, an der Sie den QR-Code einfügen müssen

<div id="code"></div>

3. Fügen Sie den folgenden Code unten auf der Seite hinzu und fertig einsatzbereit

<script type="text/javascript">

$(function(){

//Produkt-QR-Code-Generierung

var str = toUtf8("{echo:$siteConfig->url }{url :/site/products/id/$id}");

$("#code").empty();

$("#code").qrcode({

render: "table ",

width:88,height:88,text:str

});

});

</script>

Nachdem Sie den obigen Code hinzugefügt haben, benötigen Sie noch eine mobile Version Ihres Website, sonst fügen Sie es hinzu. Das Scannen ist nutzlos.

Wenn Sie die mobile Version benötigen, können Sie diese Website*** oder das offizielle technische Personal von iwebshop*** konsultieren.