Ecwid loading on demand

by makfruit

HTML

<div id="ecwid-script"></div>
<div id="categories"></div>
<div id="productBrowser"></div>


<button onclick="load_ecwid();">Load Ecwid Store</button>

JavaScript

function load_ecwid() {
window.ecwid_script_defer = true;
var script = document.createElement('script');
script.charset = 'utf-8';
script.type = 'text/javascript';
script.src = '//app.ecwid.com/script.js?4839466';
document.getElementById('ecwid-script').appendChild(script);
window._xnext_initialization_scripts = [
    { widgetType: 'ProductBrowser', id: 'productBrowser', arg: [
        '"categoriesPerRow=3","views=grid(4,4) list(10) table(20)","categoryView=grid","searchView=list","style=","responsive=yes","id=productBrowser"'
    ] },
    {widgetType: 'Categories', id: 'categories', arg: []},
];
}