JSFiddle - React, Tailwind, and code Playground

by makfruit

HTML

<html>

  <body>
    <button onclick="load_ecwid();">Load Ecwid Store</button>
    <button onclick="destroy_ecwid();">Destroy Ecwid Store</button>
    <script type="text/javascript" src="https://app.ecwid.com/script.js?1003" charset="utf-8"></script>
    <div id="my-store-1003"></div>

    <script>
      window.ecwid_dynamic_widgets = true;

      function load_ecwid() {
        xProductBrowser("categoriesPerRow=3", "views=grid(3,3) list(10) table(20)", "categoryView=grid", "searchView=list", "id=my-store-1003");
      }

      function destroy_ecwid() {
        Ecwid.destroy();
        var productBrowser = document.getElementById('my-store-1003');
        productBrowser.removeChild(productBrowser.firstChild);
      }

    </script>
  </body>

</html>